/* ─── BFA design tokens ─────────────────────────────────
   Ported from the approved prototype. Single source of truth.
   Palette + type per David's brief (2 Aug): Light-blue "Ice" and white,
   jet-black type, pin-line borders; Oswald / Work Sans. */
:root {
  --white:     #f6fbfe;
  --off:       #e9f4fb;
  --light:     #dcedf7;
  --border:    #b9d4e6;
  --border-lt: #d7e9f4;
  --black:     #06090c;
  --text:      #0a0e12;
  /* --muted / --steel darkened slightly (2026-09-15) to pass WCAG AA 4.5:1
     text contrast: were #5f7d92 (4.17:1 on --white) and #2f7fae (4.23:1). */
  --muted:     #50697c;
  --steel:     #28709b;
  --steel-dk:  #1f5876;
  --steel-lt:  #7fb8d6;
  --steel-xl:  #c3e0ee;
  /* Accent. David's brief (2 Aug) is light blue / white / jet black — no
     orange — so the accent is now blue. --copper is kept as an alias so the
     31 existing usages keep working; set it back to #b1672b to revert. */
  --accent:    #1f6f9e;
  --copper:    var(--accent);
  --nav-h:     96px;
  --bar-h:     38px;
  --max:       1440px;

  --font-display: "Oswald", sans-serif;
  --font-body:    "Archivo", sans-serif;

  /* Letter-spacing scale — consolidates ~13 hand-picked values (0.01em to
     0.18em) found scattered across the CSS into 5 tokens tied to role. */
  --ls-tight:   -0.01em; /* large display headlines */
  --ls-normal:  0;       /* body copy, sentence case */
  --ls-label:   0.04em;  /* form/spec labels, small caps */
  --ls-cta:     0.06em;  /* buttons, CTAs, nav links */
  --ls-eyebrow: 0.1em;   /* section eyebrows, tags, page titles */

  /* Radius scale — the ONLY radii used anywhere. xs: badges/chips ·
     sm: buttons/inputs/thumbs · md: cards/tiles · lg: modals/panels ·
     pill: pills/round buttons. Circles use 50% directly. */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-pill: 999px;
}