/* Water CheatCode — canonical design tokens.
   ONE source of truth for the palette + font stacks. Every page loads this
   first (<link rel="stylesheet" href="/assets/tokens.css?v=430870c76e">) and only defines
   page-specific tokens (theme surfaces, layout widths) in its own <style>.
   Brand: 8-bit / arcade. Press Start 2P for labels, Archivo for headings,
   Sora for body. */
/* Brand fonts, self-hosted and subsetted (Latin + the arrows/shapes the UI
   uses; Archivo pinned to width 100). Press Start 2P 17 KB, Archivo 39 KB,
   Sora 33 KB — down from 261 KB, and no third-party request. woff2 only:
   every browser since 2018 reads it. font-display:swap so text never waits.
   Re-subset with scripts/subset_fonts.sh if the source fonts change. */
@font-face { font-family: 'Press Start 2P'; src: url(/assets/wcc-font-1.woff2?v=430870c76e) format('woff2'); font-display: swap; }
@font-face { font-family: 'Archivo'; src: url(/assets/wcc-font-2.woff2?v=430870c76e) format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'Sora'; src: url(/assets/wcc-font-3.woff2?v=430870c76e) format('woff2'); font-weight: 100 800; font-display: swap; }

/* ™ mark next to the brand: small, non-wrapping, inherits colour. Unregistered
   claim — switch to &reg; only after the USPTO registration issues. */
.tm { font-size: .45em; vertical-align: top; line-height: 1; margin-left: .15em; font-family: 'Sora', system-ui, sans-serif; letter-spacing: 0; text-shadow: none; opacity: .9; white-space: nowrap; }

:root {
  --cy: #3fe9ff;      /* cyan    — primary accent, CTAs            */
  --mg: #ff3ea5;      /* magenta — secondary accent, pixel shadow  */
  --yl: #ffe14d;      /* yellow  — kickers, arrows, price tags     */
  --ink: #0c0720;     /* ink     — page ground / text on cyan      */
  --ink2: #160f31;    /* ink 2   — cards, raised surfaces          */
  --lilac: #c9b8f0;   /* lilac   — body copy on ink                */
  --muted: #8b83a8;   /* muted   — secondary / meta text           */

  --font-pixel: 'Press Start 2P', monospace;
  --font-head: 'Archivo', system-ui, sans-serif;
  --font-body: 'Sora', system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}