/* ============================================================
   VSP Capital Advisors — design tokens (spec §2, locked)
   Source: vsp-brand-system tokens.md v4 CANONICAL
   Color law: green fills every button. Gold appears ONLY as the
   single accent word in navy hero headlines. Numerals: white on
   navy, navy on white. Shadows always navy-tinted.
   ============================================================ */
:root {
  --navy:#134b70; --navy-panel:#0f3e5e; --gold:#ffde59; --gold-tint:#fff3c4;
  --green:#2d7a2d; --green-mid:#41a741; --green-text:#256325; --green-tint:#eaf4ea;
  --ink:#1a1a1a; --muted:#4a5560; --surface:#f5f7fa; --border:#d9e2ea;
  --steel:#c9d8e4; --white:#ffffff;
  --fh:"Bricolage Grotesque",sans-serif;
  --fb:"Poppins",sans-serif;
  --fm:"JetBrains Mono","Poppins",monospace; /* Poppins fallback carries ₹ */
  --ease-out:cubic-bezier(.22,1,.36,1);      /* expo-out, the house easing */
  --ease-inout:cubic-bezier(.65,0,.35,1);
  --dur-1:200ms; --dur-2:420ms; --dur-3:700ms;
  --shadow-card:0 10px 30px rgba(19,75,112,.10);
  --shadow-lift:0 18px 44px rgba(19,75,112,.16);
  --radius:12px; --radius-sm:8px; --radius-pill:99px;
  --container:1140px; --gutter:24px;
}

/* ---- self-hosted fonts: latin + ₹ subsets, 6 weights ---- */
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/bricolage-600.woff2") format("woff2")}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:800;font-display:swap;src:url("/assets/fonts/bricolage-800.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/poppins-400.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/poppins-600.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/jetbrains-mono-500.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/jetbrains-mono-600.woff2") format("woff2")}

/* ---- reduced motion: instant final state, everywhere ---- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}