/* ---------- design tokens ----------
   Extracted from styles.css:1-15 (v1) so cosmos.css / gate.css / lab.css
   and the lab's device presets can all read one source. Breakpoints are
   documented here as a reference table (custom properties can't drive
   @media conditions) — the unified scale used everywhere in v2:

     --bp-md   1000px   strip 5 -> 2 cols
     --bp-sm    900px   THE stack point: nav -> burger, hero 2 -> 1 col,
                        about/contact 1 col, AND the reveal lockup stacks
     --bp-xs    560px   wrap padding 32->22, section padding, form 1 col
     --bp-xxs   400px   brand mark 42->36

   v1 had a mismatch here: the site stacked at 900px while reveal.css
   stacked the lockup at 640px, only unnoticed because the v1 lab's fake
   "mobile-sim" stage shrank a <div> while media queries kept reading the
   desktop window. 900 is not arbitrary either: "HAMILTON ATLAS GROUP, LLC"
   in Archivo 700 at 40px/0.06em with white-space:nowrap measures ~700px,
   so it must stack by ~820px — 640 was always too late.
*/
:root{
  --navy-900:#0a1828;
  --navy-850:#0d1f33;
  --navy-800:#102740;
  --navy-700:#163150;
  --ivory:#f1ece0;
  --ivory-soft:#e7e0d0;
  --gold:#c8a253;
  --gold-bright:#d9bb70;
  --slate:#9fb1c4;
  --slate-dim:#6f8298;
  --line:rgba(200,162,83,0.18);
  --line-soft:rgba(159,177,196,0.14);
  --ease-out:cubic-bezier(0.22,1,0.36,1);

  /* v2 additions */
  --ivory-about:#efe9dc;             /* about-section background, nudged from --ivory: see the .about seam */
  --navy-rgb:10,24,40;               /* rgba() base for grade/scrim gradients */
}