/* ============================================================================
   GoldenBet888 — sportsbook reskin. Near-black graphite, crisp cool white type,
   hot gold accent. Condensed uppercase display (DIN-style Bahnschrift), sharp
   radii, dense odds grids. Built to feel like a betting terminal, not a lounge.
   ============================================================================ */
:root {
  /* Background stack — graphite black, cold undertone. Never pure black. */
  --bg-000: #0b0d10;          /* page */
  --bg-050: #11141a;          /* cards */
  --bg-100: #161a21;          /* hovered cards */
  --bg-150: #1d222b;          /* chips, raised */
  --bg-200: #252b36;          /* chip hover */
  --bg-300: #333b49;          /* dividers, borders */

  /* Foreground — crisp cool white */
  --fg-000: #f2f4f7;          /* primary text */
  --fg-100: #ccd2dc;          /* secondary text */
  --fg-300: #97a0ad;          /* tertiary, meta */
  --fg-500: #6a7382;          /* muted */
  --fg-700: #434b58;

  /* Single accent: hot gold. */
  --accent:      #f7b81c;
  --accent-soft: #c8890a;
  --accent-ink:  #1d1503;

  /* Functional */
  --up:    #29c76f;           /* price drift up */
  --down:  #ff5c47;           /* price drift down */
  --rule:  #222835;
  --rule-soft: #191e28;

  --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: "Bahnschrift", "Avenir Next Condensed", "Roboto Condensed", "Arial Narrow", "Segoe UI", sans-serif;
  --font-body:    "Segoe UI", Roboto, "Helvetica Neue", system-ui, sans-serif;
  --font-mono:    "Cascadia Code", "JetBrains Mono", Consolas, 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);
}