/* Judge Call design tokens: the one source for colours, type, spacing and shape.
   Every page loads this first (website, legal pages, sign-in, club and event pages, referee map,
   table pages, hall screen, console). See STYLE-GUIDE.md before adding anything new.
   Club branding (paid plans) overrides --gold, --on-accent, --bg, --panel, --line, --text,
   --muted, --display and --body on the hall screen and table pages only. */
:root {
  /* Surfaces: black hall, near-black panels */
  --bg: #000000;
  --bg-2: #0E0E0E;          /* alternate section band on the website */
  --panel: #161616;         /* cards, sections, inputs on panels */
  --panel-2: #1E1E1E;       /* hover / selected rows, nested panels */
  --line: #2E2E2E;          /* dividers, quiet borders */

  /* Gold: the brand accent */
  --gold: #B8860B;          /* primary buttons, logo tile, top bar, focus on light */
  --gold-bright: #D9A21C;   /* links, kickers and gold text on black (passes 4.5:1) */
  --gold-line: #6E5A24;     /* outlines of buttons and fields */
  --on-accent: #000000;     /* text and icons on gold */
  --gold-ink: #8A6508;      /* gold text and marks on light backgrounds (emails, print) */

  /* Text */
  --text: #FFFFFF;
  --muted: #C4C4C4;         /* secondary text (12:1 on black) */
  --faint: #8A8A8A;         /* placeholders and disabled text only */

  /* Status: never used for decoration */
  --amber: #E8B13A;         /* warnings, low time, focus ring */
  --amber-bg: #2A1F05;
  --red: #D92D20;           /* waiting calls, errors, danger */
  --red-dark: #5C120C;
  --red-text: #FF8A80;      /* red text on black */
  --green: #7EC8A0;         /* done, paid, all clear */
  --green-bg: #14382A;

  /* Type */
  --display: 'Oswald', 'Arial Narrow', sans-serif;   /* headings, buttons, numbers, clocks */
  --body: 'Lato', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Shape and space */
  --radius: 0px;            /* everything is square-cornered */
  --bar: 4px;               /* gold bar across the top of every page */
  --tap: 44px;              /* smallest touch target */
}