/* ===== Bridgepoint warm-paper + navy-only theme ===== */
@font-face{font-family:'Gelasio';font-weight:400;font-style:normal;font-display:swap;src:url(gelasio-400.woff2) format('woff2')}
@font-face{font-family:'Gelasio';font-weight:400;font-style:italic;font-display:swap;src:url(gelasio-400i.woff2) format('woff2')}
@font-face{font-family:'Gelasio';font-weight:600;font-style:normal;font-display:swap;src:url(gelasio-600.woff2) format('woff2')}
@font-face{font-family:'Gelasio';font-weight:600;font-style:italic;font-display:swap;src:url(gelasio-600i.woff2) format('woff2')}
@font-face{font-family:'Gelasio';font-weight:700;font-style:normal;font-display:swap;src:url(gelasio-700.woff2) format('woff2')}
@font-face{font-family:'Gelasio';font-weight:700;font-style:italic;font-display:swap;src:url(gelasio-700i.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-weight:400;font-style:normal;font-display:swap;src:url(dm-400.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-weight:400;font-style:italic;font-display:swap;src:url(dm-400i.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-weight:500;font-style:normal;font-display:swap;src:url(dm-500.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-weight:600;font-style:normal;font-display:swap;src:url(dm-600.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-weight:700;font-style:normal;font-display:swap;src:url(dm-700.woff2) format('woff2')}

:root{
  --paper:#ffffff; --paper-alt:#f4f6f8;
  --ink:#1a1a1a; --body:#333333; --muted:#666; --line:#e2e5e9;
  --dark:#163d66; --dark-dk:#0a2540; --dark-lt:#eef5f9; --dark-tint:#9fc1e0;
  /* expanded navy tonal scale, for depth on cards/borders/hover without a second hue */
  --navy-50:#eef3f8; --navy-100:#dbe6f0; --navy-200:#b9cede; --navy-300:#7897b5;
}
body{background:var(--paper)!important;color:var(--body)}
/* sans-serif-forward: serif is pulled back to a single signature spot (the
   homepage hero headline) instead of carrying every heading on every page */
.font-serif{font-family:'DM Sans',sans-serif!important}
.hero-bg h1.font-serif{font-family:Georgia,'Gelasio','Times New Roman',serif!important}
body,.font-sans{font-family:'DM Sans',sans-serif}

/* base surfaces */
.bg-white{background-color:var(--paper)}
.bg-bp-offwhite{background-color:var(--paper-alt)}
.bg-bp-blue-xpale,.hover\:bg-bp-blue-xpale:hover{background-color:var(--dark-lt)}
.text-bp-text{color:var(--ink)}
.text-bp-body{color:var(--body)}
.text-bp-muted{color:var(--muted)}
.border-bp-border,.lg\:border-bp-border{border-color:var(--line)}
.bg-bp-border{background-color:var(--line)}

/* primary + only dark = navy */
.bg-bp-blue{background-color:var(--dark)!important}
.bg-bp-blue-dk{background-color:var(--dark-dk)!important}
.text-bp-blue,.hover\:text-bp-blue:hover{color:var(--dark)!important}
.border-bp-blue{border-color:var(--dark)!important}
.hover\:bg-bp-blue-dk:hover{background-color:var(--dark-dk)!important}
.hover\:bg-bp-blue-lt:hover{background-color:var(--dark)!important}
.model-accent{background:var(--dark)!important}

/* what used to be the "gold/teal" accent now maps straight to navy (on paper),
   or a light navy tint (when it needs to read on a dark navy band) */
.text-bp-gold,.bg-bp-gold,.border-bp-gold{color:var(--dark)}
.bg-bp-gold{background-color:var(--dark)!important}
.border-bp-gold{border-color:var(--dark)!important}
.text-bp-gold-lt{color:var(--dark-tint)}
.fill-bp-gold-lt{fill:var(--dark-tint)}
.hover\:bg-bp-gold-lt:hover{background-color:var(--dark-dk)}
.hover\:text-bp-gold-lt:hover{color:var(--dark)}

/* expanded navy tonal scale applied to interactive cards: subtle cool-navy
   border at rest instead of the plain warm page border, deeper navy border on
   hover (paired with the existing navy hover shadow already on these cards) */
[class*="border-bp-border"][class*="hover:shadow-["]{
  border-color: var(--navy-50) !important;
}
[class*="hover:shadow-[0_6px_32px_rgba(22"]:hover,
[class*="hover:shadow-[0_2px_12px_rgba(22"]:hover,
[class*="hover:shadow-[0_12px_32px_rgba(22"]:hover{
  border-color: var(--navy-200) !important;
}
/* icon circles get a soft navy ring instead of sitting flat */
[class*="bg-bp-blue-xpale"][class*="rounded-xl"][class*="items-center"]{
  box-shadow: inset 0 0 0 1px var(--navy-100);
}

/* top contact bar: was dark navy, now sits on paper */
body>div.bg-bp-blue-dk{background:var(--paper)!important;color:var(--muted);border-bottom:1px solid var(--line)}
body>div.bg-bp-blue-dk svg{fill:var(--dark)}
body>div.bg-bp-blue-dk a:hover{color:var(--dark)}

/* hero sections that were on a navy gradient are now on paper */
.hero-bg{background:var(--paper)!important;color:var(--ink)}
.hero-bg>.absolute{display:none}
.hero-bg [class*="text-white"]:not(a){color:var(--body)}
.hero-bg h1,.hero-bg h2{color:var(--ink)!important}
.hero-bg h1 em,.hero-bg h2 em{color:var(--dark)!important}
.hero-bg p.italic{color:var(--muted)!important}
.hero-bg span[class*="bg-white"]{background:#fff;border:1px solid #ddd8ca;color:var(--dark)!important}
.hero-bg span.inline-block{background:transparent;border-color:#cfc9b8;color:var(--dark)!important}
.hero-bg a[class*="border-white"]{color:var(--dark);border-color:var(--dark)}
.hero-bg a[class*="border-white"]:hover{background:var(--dark);color:#fff}
.hero-bg a.bg-bp-gold{color:#fff}
.hero-visual{background:var(--dark);border-radius:24px;padding:28px 20px;box-shadow:0 20px 50px -20px rgba(10,37,64,.45)}

/* banded sections that stay dark navy for contrast (CTA / stats / footer) */
.cta-bg{background:var(--dark)!important}
.cta-bg .absolute{opacity:.6}
.cta-bg a.bg-bp-gold{background:#fff!important;color:var(--dark)!important}
.cta-bg a.bg-bp-gold:hover{background:var(--dark-lt)!important}
footer.bg-bp-blue-dk{background:var(--dark-dk)!important}