/* Glasswall design tokens (Courtside direction)
   Load this before glasswall.css. Every colour, font, size and radius
   in the UI comes from here, so the look can be adjusted in one place. */

:root {
  /* Fonts (Google Fonts: Hanken Grotesk 400/500/600, DM Mono 400/500) */
  --gw-font-sans: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --gw-font-mono: 'DM Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Brand navy-purple (taken from the existing Glasswall header) */
  --gw-base: #1A1A2D;            /* sidebar, customer header, primary buttons */
  --gw-base-raised: #222338;     /* venue switcher, selected tile on dark */
  --gw-base-line: #34354F;       /* borders on dark, off-air tally */
  --gw-feed: #141424;            /* video / camera slot background */
  --gw-on-base: #FFFFFF;         /* text on base */
  --gw-on-base-soft: #DEDEEB;    /* secondary text on base */
  --gw-on-base-muted: #A4A5C0;   /* labels, counts on base */
  --gw-court-line: rgba(255, 255, 255, 0.16); /* court markings drawn in feeds */

  /* Light surfaces */
  --gw-bg: #F3F3F6;              /* page background */
  --gw-surface: #FFFFFF;         /* cards, tables, inputs */
  --gw-surface-sunk: #FAFAFC;    /* log panel */
  --gw-track: #E4E4EB;           /* segmented control track, disabled fill */
  --gw-border: #DEDEE6;          /* card borders */
  --gw-divider: #E8E8EE;         /* table row lines */
  --gw-control-border: #CBCBD6;  /* secondary button and input borders */

  /* Text */
  --gw-ink: #18182A;
  --gw-ink-muted: #5A5B72;       /* labels, help text (passes 4.5:1 on white and bg) */
  --gw-ink-faint: #8A8BA0;       /* empty values only, never body copy */
  --gw-link: #3E3F7A;
  --gw-link-hover: #26274F;

  /* Accent (use sparingly: one primary call to action per screen, switch knobs) */
  --gw-accent: #D4E157;
  --gw-on-accent: #18182A;

  /* Status */
  --gw-live: #C8352E;            /* ON AIR tally, record dot */
  --gw-danger-text: #9E241B;     /* destructive button text */
  --gw-danger-border: #E3A9A5;
  --gw-error-text: #B0291F;      /* bad signal, offline, error log lines */
  --gw-ok-dot: #4C9A3A;
  --gw-ok-text: #2E5E22;
  --gw-ok-bg: #E7F2E3;
  --gw-warn-dot: #D99A1E;
  --gw-warn-text: #6E4A00;
  --gw-warn-bg: #FFF4DE;
  --gw-warn-border: #EBD3A0;
  --gw-warn-row: #FFFBF1;        /* table row that needs attention */

  /* Type scale (px) */
  --gw-text-xs: 12px;
  --gw-text-sm: 13px;
  --gw-text-md: 14px;            /* admin body */
  --gw-text-lg: 15px;            /* customer body */
  --gw-text-xl: 16px;            /* card titles */
  --gw-text-2xl: 18px;
  --gw-text-3xl: 20px;
  --gw-text-4xl: 24px;           /* page titles */
  --gw-weight-regular: 400;
  --gw-weight-medium: 500;
  --gw-weight-strong: 600;       /* the heaviest weight in the UI. Never 700+ */

  /* Spacing (px) */
  --gw-space-1: 4px;
  --gw-space-2: 8px;
  --gw-space-3: 12px;
  --gw-space-4: 16px;
  --gw-space-5: 20px;
  --gw-space-6: 24px;
  --gw-space-7: 28px;
  --gw-space-8: 32px;

  /* Radii */
  --gw-radius-sm: 4px;           /* tallies, status chips */
  --gw-radius-md: 6px;           /* buttons, inputs, tiles */
  --gw-radius-lg: 8px;           /* cards */
  --gw-radius-pill: 999px;       /* summary pills, switches only */

  /* Sizes */
  --gw-sidebar-w: 248px;
  --gw-control-h: 38px;          /* admin buttons */
  --gw-touch-h: 44px;            /* customer controls, minimum touch target */
}