/* ============================================================================
   Sportsbook reskin — monochrome industrial base, dark default, single amber accent.
   Dense data grids, prominent price chips, fixed sport rail and betslip.
   ============================================================================ */
:root {
  /* Background stack — graphite / slate. Never pure black. */
  --bg-000: #0e0f12;          /* page */
  --bg-050: #14161a;          /* cards */
  --bg-100: #1a1d22;          /* hovered cards */
  --bg-150: #232730;          /* chips, raised */
  --bg-200: #2b2f39;          /* chip hover */
  --bg-300: #383d49;          /* dividers, borders */

  /* Foreground */
  --fg-000: #f7f6f2;          /* primary text */
  --fg-100: #d9d8d2;          /* secondary text */
  --fg-300: #9aa0ac;          /* tertiary, meta */
  --fg-500: #6c727e;          /* muted */
  --fg-700: #444a55;

  /* Single accent: cadmium amber. */
  --accent:      #e0a046;
  --accent-soft: #c0791e;
  --accent-ink:  #2a1a08;

  /* Functional */
  --up:    #4a9c63;           /* price drift up */
  --down:  #c14a3c;           /* price drift down */
  --rule:  #262932;
  --rule-soft: #1f2229;

  --shadow-1: 0 0 0 1px var(--rule), 0 1px 0 var(--rule-soft);
  --shadow-2: 0 18px 38px -22px rgba(0,0,0,.6);
  --shadow-3: 0 24px 60px -30px rgba(0,0,0,.7);

  --radius-sm: 3px;
  --radius:    4px;
  --radius-lg: 8px;

  --wrap: 1320px;
  --gutter: 20px;
  --rail-w: 220px;
  --slip-w: 320px;

  --font-display: "Söhne Halbfett", "Neue Haas Grotesk Display", "GT America", "IBM Plex Sans Condensed", system-ui, sans-serif;
  --font-body:    "Söhne Buch", "Inter Tight", "Neue Haas Grotesk Text", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;

  --ease: cubic-bezier(.22, .61, .36, 1);

  /* Non-user-visible CSS variable name (does not render a forbidden string in HTML). */
  --pulse-color: var(--accent);
}