/* LOCKED tokens — Options Insurance (base system: professional, bespoke-tuned)
   Deep teal-slate brand with a restrained steel-blue tint and a muted bronze
   accent. Keeps the professional system's serif headings + Inter body and its
   measured, credible character. Distinct from Wiser (navy), Bauman (evergreen),
   Oakwood (burgundy). Variable NAMES match _shared/base.css; only values changed.
   Contrast verified for AA (body + on-brand). */
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,500;8..60,600&family=Inter:wght@400;500;600&display=swap');
:root{
  --bg:#ffffff; --surface:#ffffff; --ink:#2a3338; --ink-strong:#0e1d22; --muted:#516068;
  --line:#e2e8ea;
  --brand:#1c4a52; --brand-dark:#10333a; --brand-tint:#e7eff0; --on-brand:#ffffff;
  --accent:#9a6b3f;
  --hero-bg:linear-gradient(180deg,#f3f7f7,#ffffff);
  --header-bg:rgba(255,255,255,.9); --footer-bg:#0e1d22;
  --band-bg:#0e1d22; --on-band:#ffffff; --on-band-muted:#9bb0b4;

  --font-heading:'Source Serif 4',Georgia,serif; --font-body:'Inter',system-ui,sans-serif;
  --fs-base:16.5px; --lh-body:1.68; --fw-body:400; --fw-head:600; --lh-head:1.14; --ls-head:-.01em;
  --fs-lead:1.18rem; --fs-h1:clamp(2.2rem,4.8vw,3.5rem); --fs-h2:clamp(1.6rem,3.2vw,2.3rem); --fs-h3:1.26rem;

  --container:1100px; --gutter:26px; --section-y:92px; --hero-y:100px; --nav-h:78px;
  --space-3:10px; --space-4:16px; --space-5:26px; --space-6:30px; --space-7:54px;
  --btn-pad:14px 28px;
  --radius:6px; --radius-lg:10px; --radius-pill:6px;
  --shadow:0 6px 20px rgba(14,29,34,.06); --shadow-lg:0 16px 40px rgba(14,29,34,.12);
  --dur:140ms; --ease:cubic-bezier(.3,.6,.3,1);
}
/* Primary buttons use the deep teal-slate (white text passes AA: ~8.3:1). */
.btn{background:var(--brand);color:var(--on-brand)}
.btn:hover{background:var(--brand-dark)}
.btn.ghost{background:transparent;color:var(--brand)}
.btn.ghost:hover{background:var(--brand-tint)}
/* Eyebrow + card icons in brand teal (bronze accent reserved for small decorative use). */
.eyebrow{color:var(--brand)}
.card .ic{background:var(--brand-tint);color:var(--brand)}