/* ============ GOLDEN LEX — DESIGN TOKENS ============ */
:root{
  /* Palette: deep navy + gold + white (alternating) */
  --navy-900:#08152B;   /* deepest bg (not pure black) */
  --navy-800:#0A1930;   /* main dark bg */
  --navy-700:#0E2340;   /* dark panel alt */
  --navy-600:#16304F;   /* lines/cards on dark */
  --navy-500:#22436B;   /* hover on dark */
  --gold-400:#C6A25B;   /* primary gold accent */
  --gold-300:#D8BC7C;   /* gold light */
  --gold-500:#A9863F;   /* gold deep */
  --white:#FFFFFF;
  --paper:#F5F2EA;      /* warm off-white light bg */
  --paper-2:#ECE7DA;    /* light panel alt */

  /* Text */
  --ink:#0A1930;        /* text on light */
  --ink-muted:#4C5A70;  /* muted on light */
  --snow:#FFFFFF;       /* text on dark */
  --snow-muted:#9DB0CC; /* muted bluish on dark */

  /* Semantic */
  --bg:var(--navy-800);
  --fg:var(--snow);
  --accent:var(--gold-400);

  /* Type scale — Major Third (1.25), base 16, floors 13/15 */
  --fs-cap:13px;   /* min body/caption */
  --fs-nav:15px;   /* min nav/header */
  --fs-base:16px;
  --fs-md:20px;
  --fs-lg:25px;
  --fs-xl:31px;
  --fs-2xl:39px;
  --fs-3xl:49px;
  --fs-4xl:61px;
  --fs-5xl:76px;
  --fs-6xl:95px;

  /* Line-height tied to 4/8 grid */
  --lh-tight:1.08;
  --lh-snug:1.3;
  --lh-body:1.6;

  /* Spacing — 8px base (4px micro only) */
  --s-05:4px; --s1:8px; --s2:16px; --s3:24px; --s4:32px;
  --s5:40px; --s6:48px; --s7:56px; --s8:64px; --s10:80px;
  --s12:96px; --s16:128px; --s20:160px; --s24:192px;

  /* Geometry: Sharp */
  --radius:0px;

  /* Motion */
  --ease:cubic-bezier(.7,0,.2,1);
  --dur:.7s;

  /* Layout */
  --stroke:1px;
  --gl-vw:100vw;
  --font:"Avenir Next World",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}