/* ============================================================
   theme.css — Forge Hyrox (Cork)
   A per-CLIENT re-skin of the Percolator framework: token
   overrides only, no component CSS touched. Where Lotus & Lime
   was airy limestone, Forge is graphite + molten ember — same
   system, opposite soul.
   ============================================================ */

:root {
  /* ---- Colour — "forge on graphite" -----------------------
     Dark by default (a gym lives in dark mode). Ember is the one
     bold spend; steel + graphite do the structural work. */
  --color-bg:           #0E0F12;   /* warm near-black graphite */
  --color-surface:      #16181D;
  --color-surface-2:    #1E2128;
  --color-text:         #F2F0EC;   /* warm off-white */
  --color-text-muted:   #9AA0A6;   /* steel grey — clears AA on --color-bg */
  --color-brand:        #FF5A1F;   /* molten ember — the signature */
  --color-brand-hover:  #E64A18;
  --color-border:       #2A2E37;
  --color-success:      #4ADE80;
  --color-warn:         #FBBF24;
  --color-danger:       #F0533F;
  --color-overlay:      rgba(0, 0, 0, 0.7);

  /* Bespoke tokens for this brand */
  --forge-ember-soft:   #FF8A5B;   /* lighter ember — text on dark only (8.25:1) */
  --forge-steel:        #5B6470;   /* large text / borders only — fails AA as body (3.2:1) */
  --forge-heat:         linear-gradient(135deg, #FF5A1F 0%, #FFB020 100%);
  --forge-ink:          #0E0F12;   /* dark text to sit ON ember (6.15:1 vs white's 3.12:1) */

  /* ---- Typography — Archivo (display/body) + JetBrains Mono (data) ---- */
  --font-sans:    "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Archivo", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --leading-tight: 1.04;

  /* ---- Hard, industrial edges ------------------------------ */
  --radius-sm:   2px;
  --radius-md:   4px;
  --radius-lg:   6px;
  --radius-full: 9999px;
  --shadow-sm:   0 1px 0 rgba(0,0,0,0.5);
  --shadow-md:   0 16px 40px rgba(0,0,0,0.55);

  --max-width-content: 76rem;
}