/* ============================================================================
   BCM — DESIGN TOKENS
   The single source of truth for color, type, spacing, depth, and motion.
   Edit a value here and it updates everywhere. (See design-system.md.)
   ============================================================================ */
:root{
  /* ---- Surfaces + ink ---- */
  --bcm-white:#FFFFFF;        /* primary surface */
  --bcm-soft:#F4F8FD;         /* off-white / alternating bands */
  --bcm-ink:#0F1B3D;          /* headings, dark bands */
  --bcm-gray:#5A6878;         /* body copy */

  /* ---- Accents ---- */
  --bcm-blue:#1E4FA8;         /* PRIMARY — links, CTAs, markers */
  --bcm-blue-deep:#143670;    /* hover / gradient depth */
  --bcm-blue-soft:#7DA3E8;    /* eyebrows / accents on dark */
  --bcm-green:#4CAF24;        /* SECONDARY — sparing "critical" emphasis */
  --bcm-green-deep:#3E8E1D;

  /* ---- Structure ---- */
  --bcm-hairline:#DCE4F0;     /* borders, dividers */

  /* ---- Glow + elevation (navy-tinted, never pure black on light) ---- */
  --bcm-glow-blue:rgba(30,79,168,.10);
  --bcm-shadow-sm:0 2px 8px rgba(15,27,61,.06);
  --bcm-shadow-md:0 12px 30px rgba(15,27,61,.10);
  --bcm-shadow-lg:0 28px 60px rgba(15,27,61,.14);

  /* ---- Type ---- */
  --font-display:"Fraunces",Georgia,"Times New Roman",serif;
  --font-sans:"Inter","Helvetica Neue",Arial,sans-serif;

  /* type scale (fluid) */
  --fs-display:clamp(40px,6.5vw,92px);
  --fs-h1:clamp(32px,4.4vw,60px);
  --fs-h2:clamp(28px,3.6vw,48px);
  --fs-h3:clamp(22px,2.6vw,32px);
  --fs-body:clamp(16px,1.1vw,18px);
  --fs-caption:14px;
  --fs-eyebrow:12px;

  /* ---- Spacing (8px base) ---- */
  --s-1:8px; --s-2:16px; --s-3:24px; --s-4:40px; --s-5:64px; --s-6:96px; --s-7:128px;
  --section-pad:clamp(64px,9vw,128px);
  --content-max:1200px;
  --gutter:clamp(20px,5vw,80px);
  --measure:66ch;             /* max line length for body copy */

  /* ---- Motion ---- */
  --ease-out:cubic-bezier(.22,1,.36,1);     /* house easing */
  --ease-in-out:cubic-bezier(.65,0,.35,1);
  --dur-fast:.25s; --dur:.6s; --dur-slow:.9s;

  /* ---- Layout ---- */
  --nav-h:88px;
}