/* Arcade's faces and palette (UI-593): the one copy both pages load. index.html links this
   before its other sheets and admin.html before admin.css. Page-level rules (font-family on
   :root, admin's --warn tokens and 110% size) stay in arcade.css and admin.css.
   Big Shoulders Display for headings and every number; Archivo for text (UI-204). Both are
   variable (weight 100-900) Latin subsets from Google Fonts (OFL). Big Shoulders has no
   tabular figures, so the self-hosted copy has its digits set to one advance at every
   weight (each master's widest digit's, the outline centred; no HVAR, so the gvar phantom
   points carry the advance): columns of numbers line up as they did in Space Mono.
   The font URLs carry no ?v= (UI-594): the host serves a plain URL with must-revalidate, so a
   changed font reaches browsers without a hand-bumped version; any ?v= is cached immutable. */
@font-face { font-family:"Big Shoulders Display"; src:url("./fonts/big-shoulders-display-latin.woff2") format("woff2"); font-weight:100 900; font-display:swap; }
@font-face { font-family:Archivo; src:url("./fonts/archivo-latin.woff2") format("woff2"); font-weight:100 900; font-display:swap; }
/* Numbers set inside running text (--font-mono: prices, counts, stat values) use the same
   file drawn 12% larger, so a condensed figure holds its own beside Archivo at small sizes. */
@font-face { font-family:"Big Shoulders Figures"; src:url("./fonts/big-shoulders-display-latin.woff2") format("woff2"); font-weight:100 900; font-display:swap; size-adjust:112%; }

/* The accent is a steel blue with dark text on it. --cyan is the old name for it (focus
   rings, hovers and active borders in the older stylesheets), so it follows the accent;
   --orange is an orange of its own, no longer the accent. */
:root {
  --bg:#17131f; --surface:#211b2c; --surface-subtle:#1c1726; --surface-raised:#2c2439; --surface-strong:#352b45;
  --ink:#f6f1ff; --muted:#b3a8c7; --line:#3d3350; --edge:#0c0a10;
  --accent:#6fa4e0; --accent-soft:#1f2a3d; --accent-ink:#17131f; --cyan:var(--accent); --cream:#f6f1ff;
  /* Selected (UI-455, UI-456): a raised surface tinted 16% with the accent, --ink text and an accent
     edge, for every chosen tab, chip and segment. No white fills: they glared on the dark theme. */
  --selected-bg:color-mix(in srgb, var(--accent) 16%, var(--surface-raised));
  --green:#5fe0a8; --positive:#5fe0a8; --positive-bg:#16382c; --pink:#ff8fa3; --negative:#ff8fa3; --negative-bg:#46202c;
  --orange:#ff9f45; --gold:#ffd166; --lilac:#c8a6ff;
  --shadow:none; --press:none; /* no offset shadows (UI-204): surfaces carry a 1px rule */
  --r-data:2px; --r-control:4px; --r-card:8px; /* data (chips, tags, counts), controls (buttons, tabs, prices, avatars), cards */
  --radius-sm:var(--r-control); --radius:var(--r-control); --radius-lg:var(--r-card);
  --font-display:"Big Shoulders Display", Archivo, system-ui, sans-serif;
  --font-body:Archivo, system-ui, sans-serif;
  --font-mono:"Big Shoulders Figures", Archivo, system-ui, sans-serif;
}