/*
 * Theme A — "Northline"
 * Deep navy + emerald/teal accent. Clean, trustworthy, data-forward.
 *
 * Fresh tokens built for the shared sportsbook frontend. Import this file and
 * the :root variables below drive every surface, odds cell and scoreboard.
 * Sibling tokens.json carries the identical values for programmatic use.
 *
 * The sportsbook chrome is always dark. The small light surfaces (receipts,
 * printed tickets, QR quiet zones) are declared explicitly so they stay legible
 * wherever the frontend renders content on paper-white.
 */
:root,
:root[data-skin='A'] {
  color-scheme: dark;

  /* ---- Core surfaces ---- */
  --bg: #0a1826;            /* page background, deepest navy */
  --surface: #112435;       /* cards, panels, sidebars */
  --surface-2: #17304a;     /* elevated surface: header, bet slip, popovers */
  --surface-hover: #1d3a56; /* hover state of clickable surfaces */
  --line: #223c55;          /* borders, dividers, table rules */
  --line-strong: #2d4e6c;   /* emphasised borders, focused inputs */

  /* ---- Text ---- */
  --text: #eef5fb;          /* primary text on dark */
  --muted: #8aa6bd;         /* secondary text, labels, timestamps */
  --faint: #5f7c94;         /* tertiary text, disabled, placeholders */

  /* ---- Brand / accents ---- */
  --accent: #16c77c;        /* emerald: primary brand, CTAs, selected odds */
  --accent-strong: #11a365; /* emerald pressed / solid button */
  --accent-2: #2dd4bf;      /* teal: secondary accent, live pulse, links */
  --on-accent: #04140c;     /* ink on the emerald fill */

  /* ---- Status ---- */
  --positive: #16c77c;      /* wins, up movement, confirmations */
  --warn: #f5b301;          /* cash-out warnings, pending, amber ribbons */
  --danger: #ef4444;        /* losses, errors, destructive actions */
  --danger-ink: #ff6b6b;    /* red as text/icon, lifted for contrast on dark */

  /* ---- Odds buttons ---- */
  --odds-bg: #15293b;           /* resting odds cell */
  --odds-border: #294761;       /* odds cell border */
  --odds-hover: #1f3e59;        /* hover fill */
  --odds-text: #dce9f4;         /* price text */
  --odds-label: #8aa6bd;        /* 1 / X / 2 / Over / Under label */
  --odds-selected: #16c77c;     /* picked selection fill (== accent) */
  --odds-selected-ink: #04140c; /* text on a picked selection */
  --odds-up: #2ee6a6;           /* price drifted UP — green flash */
  --odds-down: #ff6b6b;         /* price drifted DOWN — red flash */

  /* ---- Live / scoreboard ---- */
  --live: #ff4d6d;          /* LIVE badge + blinking dot */
  --score: #ffffff;         /* scoreboard numerals */
  --pitch: #0e2a1d;         /* scoreboard backdrop, faint green field */

  /* ---- Elevation ---- */
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 8px 24px -12px rgba(0, 0, 0, 0.6);
  --shadow-float: 0 18px 48px -16px rgba(0, 0, 0, 0.7);
  --ring: 0 0 0 2px rgba(45, 212, 191, 0.55); /* focus ring, teal */

  /* ---- Radii ---- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  /* ---- Spacing scale (4px base) ---- */
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 8px;
  --space-4: 12px;
  --space-5: 16px;
  --space-6: 20px;
  --space-7: 24px;
  --space-8: 32px;

  /* ---- Typography ---- */
  --font-base: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-heading: 'Barlow Condensed', 'Inter', system-ui, sans-serif;
  --font-numeric: 'Inter', ui-monospace, 'SF Mono', monospace; /* tabular odds/scores */

  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  --text-xs: 0.6875rem;   /* 11px labels */
  --text-sm: 0.8125rem;   /* 13px odds, meta */
  --text-base: 0.9375rem; /* 15px body */
  --text-lg: 1.125rem;    /* 18px card titles */
  --text-xl: 1.5rem;      /* 24px scoreboard */
  --text-2xl: 2rem;       /* 32px hero */

  /* ---- Logo placeholder ---- */
  --logo-mark: var(--accent);      /* fill of the logo glyph placeholder */
  --logo-ink: var(--text);         /* wordmark text */
  --logo-h: 28px;                  /* header logo height */
}