/* DOTA 2 MAIN MENU — design tokens */
:root {
  --bg-0: #08090b;
  --bg-1: #0e1013;
  --bg-2: #15181d;
  --bg-3: #1d2128;
  --line: rgba(212, 196, 160, .10);
  --line-strong: rgba(222, 200, 150, .26);
  --text: #ebe7de;
  --text-dim: #a8a396;
  --text-faint: #716e64;

  --radiant: #e3bd6a;      /* акцент: золото интерфейса */
  --dire: #d8402e;         /* красный Dire / кнопка PLAY */
  --gold: #f0cf84;
  --ok: #7bd35a;           /* зелёный Radiant */
  --steel: #8fa0ad;

  --red-1: #e2552f;
  --red-2: #b02a1a;
  --red-3: #741910;

  --glow-radiant: 0 0 22px rgba(227, 189, 106, .28);
  --glow-dire: 0 0 22px rgba(216, 64, 46, .38);
  --glow-gold: 0 0 22px rgba(240, 207, 132, .28);

  --font-display: "Radiance", "Reaver", "Bahnschrift", "Segoe UI Semibold", "Trebuchet MS", system-ui, sans-serif;
  --font-body: "Segoe UI Variable Text", "Segoe UI", "Helvetica Neue", Arial, system-ui, sans-serif;

  --r-xs: 2px;
  --r-sm: 3px;
  --r-md: 4px;
  --r-lg: 6px;

  --gold-line: linear-gradient(90deg, transparent, rgba(227, 189, 106, .75) 20%, rgba(255, 232, 170, .95) 50%, rgba(227, 189, 106, .75) 80%, transparent);
  --panel: linear-gradient(180deg, rgba(31, 34, 40, .93), rgba(15, 17, 21, .95));
  --bevel: inset 0 1px 0 rgba(255, 240, 200, .07), inset 0 0 0 1px rgba(0, 0, 0, .55);
}