/* LOCKED tokens — Tim Wagner Agency (base system: professional, bespoke-tuned)
   Insurance/financial services. Deep teal brand + warm gold accent on cream —
   credible and distinct from the default professional deep-blue/tan. Variable
   NAMES match _shared/base.css; only values changed. Contrast verified for AA. */
@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:#243034; --ink-strong:#0e1c1f; --muted:#52616a;
  --line:#e2e8e7;
  --brand:#0f4b50; --brand-dark:#093539; --brand-tint:#e3f0ef; --on-brand:#ffffff;
  --accent:#b07d2a;
  --hero-bg:linear-gradient(180deg,#f4f8f7,#ffffff);
  --header-bg:rgba(255,255,255,.9); --footer-bg:#0e1c1f;
  --band-bg:#0e1c1f; --on-band:#ffffff; --on-band-muted:#93a3a2;

  --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,28,31,.06); --shadow-lg:0 16px 40px rgba(14,28,31,.12);
  --dur:140ms; --ease:cubic-bezier(.3,.6,.3,1);
}
/* Primary buttons use deep teal (white text passes AA). */
.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; gold accent reserved for fine decorative use. */
.eyebrow{color:var(--brand);letter-spacing:.16em}
.card .ic{background:var(--brand-tint);color:var(--brand)}