/* Campaign's shared design tokens: colour, type, radius, shadow and motion, the same in
   every tab and in the shell. Copied beside each page as tokens.css by
   scripts/sync-shared.mjs and linked before the page's own stylesheet, which adds only
   what is its own (the phone's radii, the Dashboard's chart aliases). Light only.

   --mute is the darkest grey the tools had used: on --bg it keeps 4.5:1 for small text. */
:root{
  --bg:#f4f4f2; --surface:#ffffff; --surface-2:#eeeeeb;
  --shell:rgba(27,27,31,.045); --line:rgba(27,27,31,.09); --line-2:rgba(27,27,31,.06);
  --ink:#1b1b1f; --soft:#4a4c52; --mute:#6d6f76;
  --gold:#e8b84a; --gold-deep:#c9962a; --gold-ink:#1b1400; --gold-tint:#fbf3df;
  --green:#2e7d4f; --green-tint:rgba(46,125,79,.10); --orange:#b3711a; --critical:#b23a3a; --critical-tint:rgba(178,58,58,.09);
  --glow:rgba(232,184,74,.18);
  --hi:inset 0 1px 0 rgba(255,255,255,.9);
  --shadow:0 36px 70px -44px rgba(27,27,31,.30), 0 2px 4px -2px rgba(27,27,31,.05);
  --shadow-lift:0 44px 80px -40px rgba(27,27,31,.36), 0 3px 6px -2px rgba(27,27,31,.06);
  --r:28px; --r-in:22px;
  --e:cubic-bezier(.32,.72,0,1); --spring:cubic-bezier(.2,.9,.2,1.12);
  --head:'Sora','Manrope',system-ui,sans-serif;
  --body:'Manrope',system-ui,-apple-system,sans-serif;
  color-scheme:light;
}