/* ============================================================
   DBC / Playbraker – единый набор CSS-переменных и base-reset
   Этот файл загружается ПЕРВЫМ. Все остальные .css опираются
   на эти переменные и не переопределяют их.
   ============================================================ */

:root {
  /* ── палитра фонов ── */
  --bg:       #04020D;
  --bg0:      #04020D;
  --bg1:      #0B1120;
  --bg2:      #1B1F2A;
  --card:     #0B1120;
  --panel:    #111827;

  /* ── текст ── */
  --fg:       #FFFFFF;
  --text:     #FFFFFF;
  --muted:    #94A3B8;

  /* ── бордер / разделители ── */
  --line:     #1E2741;

  /* ── бренд ── */
  --brand:    #FF6B35;
  --brand1:   #41BDD9;   /* cyan-accent */
  --brand2:   #FF6B35;   /* orange-accent */
  --accent:   #A78BFA;

  /* ── семантические цвета ── */
  --ok:       #22C55E;
  --warn:     #F59E0B;
  --err:      #EF4444;

  /* ── команды ── */
  --home:     #FF6B35;
  --away:     #41BDD9;

  /* ── layout ── */
  --radius:    12px;
  --radius-sm: 8px;
  --shadow:    0 8px 30px rgba(0,0,0,.25);
}

/* ── base reset ── */
*, *::before, *::after { box-sizing: border-box; }

html, body, button, input, select, textarea {
  font-family: "Roboto Slab", serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  margin: 0;
  background: radial-gradient(1200px 800px at 20% -10%, rgba(65,189,217,.06), transparent) var(--bg);
  color: var(--fg);
  font: 14px/1.5 "Roboto Slab", serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* ── reduced-motion ── */
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition: none !important; }
}