/* ============================================================
   Breakroom Studios — shared design tokens (single source of truth)
   Linked by BOTH surfaces: the public site (web/) and the operator
   console (admin/). Values are the canonical set from the redesign
   spec (README "Design System"). Page-specific extras stay in each
   page's own :root; the core palette + type live here so the two
   surfaces can never drift again.
   ============================================================ */

/* Self-hosted fonts come along for free wherever tokens.css is linked. */
@import url('../fonts/fonts.css');

:root{
  /* -- Surfaces -- */
  --bg:#0A0A0A;            /* page background            */
  --bg-alt:#0E0E0E;        /* alternating section bg     */
  --surface:#161616;       /* cards                      */
  --surface-2:#1E1E1E;     /* raised cards / KPIs / active */
  --border:#2A2A2A;        /* card borders / dividers    */
  --border-soft:#222222;   /* subtle row dividers        */

  /* -- Text -- */
  --text:#FAFAFA;
  --text-soft:#C4C4C4;
  --text-muted:#7A7A7A;

  /* -- Brand / status -- */
  --red:#E63946;           /* primary CTA, accents, occupied  */
  --red-deep:#8B0000;      /* red borders / pressed           */
  --green:#2BA86A;         /* free / confirmed / WhatsApp / +  (emerald, felt-green) */
  --neon-green:#37C77E;    /* hero live-timer + OPEN 24/7      (lively, not neon)    */
  --gold:#E0A93B;          /* in-play timer/amount, awaiting   (trophy/champagne)    */
  --amber:#E0A93B;         /* alias of --gold (pending/warn)                         */
  --danger:#FF4D5C;        /* outstanding money / no-show     */

  /* -- Type -- */
  --display:'Archivo Black',system-ui,sans-serif;       /* UPPERCASE headings */
  --data:'Orbitron',ui-monospace,monospace;             /* numerals/timers/codes */
  --body:'Chakra Petch',system-ui,'Segoe UI',Roboto,sans-serif; /* body/buttons/nav */

  /* -- Back-compat aliases (names used by existing admin/web CSS) -- */
  --accent:var(--red);
  --accent-bright:var(--danger);
  --accent-deep:var(--red-deep);
  --card:var(--surface-2);
  --elevated:#262626;
  --border-light:#333333;
}
