/* ResM tokens, from the design system 7YFF7Zsmz2KfGxGpvAq3Lr (approved 22 Sep 2026, ported the same day).
   ONE theme, navy on white: the brand does not exist on a dark ground (MAK, 18 Sep 2026), so these win over
   every data-theme block of styles.css (same specificity, loaded after). The old names the host stand
   already reads (--brass, --ui, --mono, --amber) are aliased at the bottom so nothing else has to change.
   The three faces are bundled (assets/fonts): the stand may be offline. */
@import url("assets/fonts/resm-fonts.css");

:root, :root[data-theme] {
  /* grounds and ink */
  --shell: #ffffff;      /* the page ground and every list card */
  --panel: #f5f6f8;      /* sidebar, controls, column headers, row hover */
  --panel-2: #eaecef;    /* fields, badges, the channel square */
  --line: #dadde1;       /* every hairline */
  --line-2: #c3c8d0;     /* scrollbar thumb, never text */
  --line-strong: #c3c8d0;
  --text: #20242a;
  --text-dim: #4b5563;

  /* the one strong fill */
  --navy: #203864;
  --navy-2: #2d4a80;
  --on-navy: #ffffff;
  --accent: #2d4a80;     /* links, the away date, the confirmed dot, the focus ring */
  --navy-soft: #e8edf7;
  --navy-ink: #203864;

  /* state triplets: soft ground, ink, dot. never mixed */
  --gold: #b89c65;  --gold-ink: #7a6234;  --gold-soft: #f5efe2;   /* VIP, deposit, the candle */
  --go: #2f7f5b;    --go-ink: #1f5e43;    --go-soft: #ddf0e6;     /* seated, in house */
  --teal: #1e8a7e;  --teal-ink: #0f5c55;  --teal-soft: #ddf2f0;   /* arrived */
  --alert: #d4622a; --alert-ink: #9a4113; --alert-soft: #fbe9dd;  /* awaiting host, running late */
  --stop: #b4402f;  --stop-ink: #8a2e20;  --stop-soft: #f9e3df;   /* cancelled, no show */

  --focus: #2d4a80;
  --scrim: rgba(0,0,0,0.35);

  /* type */
  --font-ui: 'Space Grotesk', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --font-ar: 'Noto Kufi Arabic', 'Space Grotesk', sans-serif;

  /* spacing, a 4px scale */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px; --space-5: 20px;
  --space-6: 24px; --space-8: 32px; --space-10: 40px;

  /* radius */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  /* shadows, floating layers only */
  --shadow-pop: 0 12px 28px -12px rgba(0,0,0,0.35);
  --shadow-panel: -14px 0 40px rgba(0,0,0,0.18);

  /* the app's older names, so the screens that were not redrawn read the same tokens */
  --brass: var(--accent);
  --ui: var(--font-ui);
  --mono: var(--font-mono);
  --amber: var(--alert-ink);
  --danger: var(--stop);
  --surface: var(--shell); --surface-raised: var(--panel); --surface-sunken: var(--panel-2);
  --ink: var(--text); --ink-muted: var(--text-dim);
  --brand: var(--navy); --brand-strong: var(--navy-2);
  --login-bg: #f5f6f8;
  --login-card-bg: rgba(255,255,255,.9);
}