/* Race to Dutch First's own colour tokens, the ones tokens.css doesn't have. tokens.css is the
   overlay's copy and stays byte-equal to it, so these live here, loaded right after it by every
   page (index, privacy, wijzigingen, og). DESIGN.md lists them under Colors. Each use also
   carries the value as its var() fallback, so a stale or missing copy of this file costs
   nothing. A token at a lower strength (a veil of ink-900, a jade tint) is not a token of its
   own: it is color-mix(in srgb, var(--token) N%, transparent) where it is used. */
:root {
  --live-dot: rgba(255, 255, 255, .27);     /* the dot inside a LIVE tag, in its paper ring */
  --track-empty: rgba(255, 255, 255, .09);  /* a race track's unfilled segment */
  --track-ce: rgba(63, 217, 164, .2);       /* the track's last segment, the CE boss, unfilled */
  /* The hero's ground (and an earned Hall of fame stage's): a void glow top right over a dusk to
     deep-teal gradient. */
  --void-glow: rgba(150, 90, 255, .32);
  --hero-dusk: #1b1030;
  --hero-deep-teal: #0d1a1c;
  /* Other brands' marks, drawn in their own colours: not part of this palette. */
  --youtube-red: #ff0000;
  --twitch-purple: #9146ff;
}