/*
 * 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 {
  /* 'Noto Color Emoji' is in the stack for one reason: Windows has no flag emoji of its own, and country flags
     turn up all over Flyaboo - in airport descriptions, search results and the passport - not only where somebody
     remembered the .flag-emoji class. The self-hosted file covers flag characters and nothing else (a_fonts.css),
     so every other character falls straight through to Share Tech Mono. */
  --font-mono: 'Share Tech Mono', 'Noto Color Emoji', 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;
}