:root {
  color-scheme: dark;

  /* UX-005: the single source for presentation colours. */
  --theme-field-base: #244d68;
  --theme-field-mown: #21465f;
  --theme-halfspace: rgba(8, 25, 40, 0.22);
  --theme-field-line: rgba(247, 252, 249, 0.94);
  --theme-own-team: #15191d;
  --theme-own-team-border: #050708;
  --theme-opponent: #2f74c8;
  --theme-opponent-border: #173f70;
  --theme-goalkeeper: #e2ae19;
  --theme-goalkeeper-border: #6b4e00;
  --theme-goalkeeper-label: #17130a; /* dark text for contrast on the yellow keeper token (Werkspoor J) */
  --theme-ball: #f7f4e8;
  --theme-ball-patch: #161616;
  --theme-zone: rgba(255, 193, 76, 0.1);
  --theme-zone-hover: rgba(255, 193, 76, 0.14);
  --theme-zone-border: rgba(255, 193, 76, 0.68);
  --theme-pass-yellow: #ffd529;
  --theme-run-yellow: #ffd529;
  --theme-dribble-yellow: #ffd529;
  --theme-pass-red: #e53f3f;
  --theme-run-red: #e53f3f;
  --theme-dribble-red: #e53f3f;
  --theme-selection: #84b9ef;
  --theme-live-changed: #ffc14c;
  --theme-text: #eef2f6;
  --theme-text-muted: #a8b2bd;
  --theme-button: #262c33;
  --theme-button-hover: #303b47;
  --theme-button-active: #6fa9e3;
  --theme-button-active-text: #07111b;
  --theme-surface: #151719;
  --theme-surface-raised: #202326;
  --theme-surface-field: #101614;
  --theme-border: rgba(255, 255, 255, 0.1);
  --theme-accent: #6fa9e3;
  --theme-warning: #ffc14c;
  --theme-error: #ff8d8d;
  --theme-shadow: rgba(0, 0, 0, 0.34);
  --theme-player-shadow: rgba(0, 0, 0, 0.42);
  --theme-zone-handle: #f7e7b0;
  --theme-zone-handle-border: rgba(20, 37, 53, 0.9);
  --theme-line-control-yellow: #d6ad00;
  --theme-line-control-red: #b92929;
  --theme-line-control-dark: #111111;
  --theme-line-contrast: rgba(8, 17, 14, 0.72);
  --theme-coach-chrome: #1b1d20;
  --theme-coach-control: #292d30;
  --theme-coach-control-active: #303438;
  --theme-stage-surround: #111315;
  --theme-stage: #1f2422;
  --theme-stage-active: #273746;
  --theme-stage-text: #859088;
  --theme-stage-text-subtle: #788079;
  --theme-stage-border: rgba(255, 255, 255, 0.14);
  --theme-stage-field-border: rgba(255, 255, 255, 0.16);
  --theme-stage-gloss: rgba(255, 255, 255, 0.045);
  --theme-stage-shade: rgba(0, 0, 0, 0.055);
  --theme-stage-shadow-soft: rgba(0, 0, 0, 0.2);
  --theme-stage-shadow: rgba(0, 0, 0, 0.48);
  --theme-stage-shadow-deep: rgba(0, 0, 0, 0.65);
  --theme-brand-ink: #0b1911;
  --theme-primary-hover: #8bbced;
  --theme-presentation-black: #090b0c;
  --theme-presentation-edge: #08090a;
  --theme-presentation-centre: #252a28;
  --theme-coach-mode-border: rgba(111, 169, 227, 0.4);
}