/*
  Trinity Innovation Group — Design tokens
  Single source of truth for color, type scale, spacing, radius, shadow,
  motion easing and layout constants. Every later task consumes these
  custom properties instead of hard-coding values.
*/
:root{
  --paper:#FFFFFF; --paper-soft:#F7F6F3; --ink:#23262B; --ink-2:#4A4F57;
  --line:#E4E2DD; --night:#16181C; --night-2:#1F2228;
  --gold:#C6A45C; --gold-bright:#E8CC86; --gold-deep:#9C7C3C; --gold-mid:#A88C4E;
  --gold-grad:linear-gradient(120deg,var(--gold-deep),var(--gold-bright),var(--gold-deep));
  /* AA-safe sweep for gold text-on-white (the .shine headline effect):
     both stops verified >=3:1 against --paper (large-text AA threshold) —
     --gold-deep 3.92:1, --gold-mid 3.22:1 — so every interpolated color
     along this monotonic sweep stays >=3:1 too. Do not reuse --gold-grad
     here; that gradient is tuned for dark ink on a gold fill, not gold
     text on white, and its bright stop (--gold-bright, 1.57:1) fails AA. */
  --gold-shine:linear-gradient(120deg,var(--gold-deep),var(--gold-mid),var(--gold-deep));
  --shadow-sm:0 1px 2px rgba(20,22,26,.06),0 2px 8px rgba(20,22,26,.05);
  --shadow-lg:0 10px 30px rgba(20,22,26,.10),0 30px 60px rgba(20,22,26,.08);
  --radius:14px; --radius-lg:22px;
  --step-0:clamp(1rem,0.95rem + 0.2vw,1.075rem);
  --step-1:clamp(1.2rem,1.1rem + 0.5vw,1.4rem);
  --step-2:clamp(1.5rem,1.3rem + 1vw,2rem);
  --step-3:clamp(2rem,1.6rem + 2vw,3rem);
  --step-4:clamp(2.6rem,1.9rem + 3.4vw,4.5rem);
  --space:clamp(1rem,0.8rem + 1vw,1.5rem);
  --container:1200px; --gutter:clamp(1.1rem,4vw,3rem);
  --ease-out:cubic-bezier(.16,1,.3,1); --ease-in-out:cubic-bezier(.65,0,.35,1);
  --header-h:76px; --header-h-scrolled:60px;
}