/* ===== PSG homepage — Exa-deck theme (2026-10-15). Every colour, size and space lives here. ===== */
:root{
  /* grounds (from ~/exa-demo/deck.html) */
  --bg:#FAF9F7;            /* paper */
  --white:#FFFFFF;
  --mist:#EEF3FF;          /* blue-soft: cards and panels */
  --mist2:#E6EEFC;         /* deeper mist step */
  --mist-line:#D6E1FC;     /* blue-line: card borders */
  --navy:#030348;          /* dark slide: hero window chrome, contact band, product tiles */
  --navy2:#141461;
  --hair:#E8E6E5;          /* line */
  --hair2:#F0EEED;         /* line2 */
  /* inks */
  --ink:#0E0E0E; --ink2:#3A3937; --dim:#6E6B68; --mute:#9A9792;
  --on-dark:#FFFFFF; --on-dark-dim:#AEB4CF; --on-dark-mute:#6E76A0;
  /* the one colour */
  --accent:#1F40ED; --accent-deep:#1733BD; --accent-soft:#8FA6FF;
  /* game colours stay inside the arcade window only */
  --red:#FF2A2A;
  /* type */
  --body:'Inter',ui-sans-serif,-apple-system,sans-serif;
  --display:'Newsreader',Georgia,'Times New Roman',serif;
  --mono:'Geist Mono',ui-monospace,SFMono-Regular,monospace;
  --hud:'Press Start 2P',monospace;   /* used by arcade.html only */
  --h1:clamp(46px,6.4vw,84px);
  --h2:clamp(36px,4.2vw,56px);
  --h3:clamp(24px,2vw,30px);
  --lede:clamp(16px,1.25vw,19px);
  --body-size:16px;
  /* layout */
  --max:1200px; --gut:24px; --sec:120px; --sec-m:72px; --head-gap:64px;
  --nav-h:72px;
  /* shape (deck: --r 24, --rs 16) */
  --r:24px; --rs:16px; --r-btn:8px; --r-chip:999px;
  /* motion */
  --ease:cubic-bezier(.22,.61,.36,1); --ease-io:cubic-bezier(.215,.61,.355,1);
  --t-hover-in:0s; --t-hover-out:.15s;
}