/* TOKENS — the only file in the project that holds colour literals.
   Provenance (pixel reads, IHDR/alpha/histogram, not guessed):
   --navy   #0e1d54  mode colour (3,625,379 px) of brand/LOGO TWINE PNG.png, colourtype 6, alpha 255 everywhere  (14,29,84)
   --paper  #fcfcfc  mode colour of the glyph in both logo PNGs (252,252,252)
   --teal   #2cc8b9  most frequent bright-glow pixel of reference/SAMPUL TWINE JPG.jpg.jpeg (1500x500)
   --void   #020c0f  most frequent dark pixel of the same banner (reference/TWINE 1-6 share the same deep teal-black)
   --pulse  #00ffcc  stated by the project brief for the own-token mint pulse
   brand/LOGO TWINE PNG...png is colourtype 6 with 3,625,438 alpha-0 px that are pure RGB(0,0,0):
   resized only with premultiplied alpha (scripts/build.mjs) so no black fringe appears. */
:root {
  --navy: #0e1d54;
  --paper: #fcfcfc;
  --teal: #2cc8b9;
  --void: #020c0f;
  --pulse: #00ffcc;

  --color-accent: var(--teal);
  --bg0: var(--void);
  --bg1: color-mix(in srgb, var(--void) 88%, var(--navy));
  --bg2: color-mix(in srgb, var(--void) 78%, var(--navy));
  --bg3: color-mix(in srgb, var(--void) 66%, var(--navy));
  --panel: color-mix(in srgb, var(--void) 94%, var(--navy) 6%);
  --ink: var(--paper);
  --ink2: color-mix(in srgb, var(--paper) 68%, var(--void));
  --ink3: color-mix(in srgb, var(--paper) 46%, var(--void));
  --line: color-mix(in srgb, var(--paper) 8%, transparent);
  --line2: color-mix(in srgb, var(--paper) 15%, transparent);
  --line3: color-mix(in srgb, var(--paper) 26%, transparent);
  --up: var(--teal);
  --down: color-mix(in srgb, var(--paper) 72%, var(--navy));
  --glow: color-mix(in srgb, var(--teal) 22%, transparent);
}