/* Family chrome — shared with Britain Builders and Fixing Britain */
:root {
  --board: #142033;
  --board-raised: #1C2C40;
  --board-line: #2A3D55;
  --paper: #E4EAF0;
  --paper-card: #F4F7FA;
  --notice: #F4C400;
  --notice-dim: #C9A200;
  --signal: #C8102E;
  --route: #1E6F8A;
  --go: #1F6B45;
  --mist: #C5D0DB;
  --ink: #142033;

  --electric: #F4C400;
  --electric-bright: #FFD54A;
  --electric-glow: rgba(244, 196, 0, 0.35);
  --electric-dim: #C9A200;
  --gold: #F4C400;
  --black: #142033;
  --near-black: #1C2C40;
  --charcoal: #1C2C40;
  --slate: #2A3D55;
  --iron: #2A3D55;
  --steel: #6B7C8D;
  --silver: #C5D0DB;
  --off-white: #E4EAF0;
  --white: #F4F7FA;
  --red: #C8102E;
  --worksheet: #E4EAF0;
  --hut: #142033;
  --radius: 2px;

  --font-main: 'Atkinson Hyperlegible', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', 'SF Mono', monospace;
  --font-display: 'Big Shoulders Display', Impact, sans-serif;
}

::selection {
  background: var(--notice);
  color: var(--ink);
}

:focus-visible {
  outline: 2px solid var(--notice);
  outline-offset: 2px;
}