/* ============================================================
   TOKENS — the single place to change colours, fonts & sizing.
   Edit a value here and it updates everywhere on the site.
   ============================================================ */

:root{
  /* --- Brand colours --- */
  --ink:#0B1220;             /* dark backgrounds + body text */
  --ink-soft:#141F33;        /* raised dark surfaces (hero card) */
  --paper:#F5F3EE;           /* light page background */
  --paper-dim:#EBE8E0;       /* alternating section background */
  --signal:#2FE6C9;          /* accent / primary action */
  --signal-deep:#14A893;     /* accent on light backgrounds */

  /* --- Neutrals --- */
  --slate:#5B6472;           /* body copy on light */
  --slate-light:#8891A0;     /* captions, meta text */

  /* --- Borders --- */
  --line:rgba(11,18,32,0.10);        /* on light backgrounds */
  --line-dark:rgba(245,243,238,0.12); /* on dark backgrounds */

  /* --- Typography --- */
  --font-display:'Space Grotesk', sans-serif;  /* headings + logo */
  --font-body:'Inter', sans-serif;             /* everything else */
  --font-mono:'JetBrains Mono', monospace;     /* eyebrows, tags, numbers */

  /* --- Shape & layout --- */
  --radius:14px;             /* default card corner */
  --radius-lg:20px;          /* large panels */
  --maxw:1180px;             /* content max width */
  --gutter:32px;             /* left/right page padding */
  --section-y:110px;         /* vertical rhythm between sections */
}