/*
 * Colour tokens. Each holds the exact literal the original stylesheet used, so swapping a literal for its
 * token never changes a computed value. Names are semantic only where a colour has one meaning in the UI;
 * everything else is named after its value.
 */
:root {
  --font-mono: 'Share Tech Mono', monospace;

  --c-amber: #ffb000;
  --c-cyan: #2ed5ff;
  --c-cyan-bright: #00f2ff;
  --c-aqua: #00ffff;
  --c-green: #55ff00;
  --c-yellow: #f2fa0a;
  --c-magenta: #e204ff;
  --c-pink: #ff00ff;
  --c-red: #ff003c;
  --c-red-pure: #ff0000;
  --c-gold: #ffc400;
  --c-orange: #ff6600;
  --c-orange-nav: #ff9f00;
  --c-orange-stats: #ff9900;

  --c-black: #000;
  --c-grey-050505: #050505;
  --c-grey-080808: #080808;
  --c-grey-0a0a0a: #0a0a0a;
  --c-grey-111: #111;
  --c-grey-1a1a1a: #1a1a1a;
  --c-grey-222: #222;
  --c-grey-333: #333;
  --c-grey-444: #444;
  --c-grey-555: #555;
  --c-grey-666: #666;
  --c-grey-888: #888;
  --c-grey-aaa: #aaa;
  --c-white: #fff;
}