/* ── Дизайн-токены платформы (единственный файл с «сырыми» цветами) ──
   Всё остальное оформление использует только var(--...). */
:root{
  /* Цвета */
  --bg-main:#0A0A1A;
  --bg-card:#14142B;
  --bg-elev:#182136;
  --text-main:#FFFFFF;
  --text-muted:#B0B0D0;
  --text-dim:#6F7EA4;
  --accent-primary:#6C3CE1;
  --accent-hover:#4A00E0;
  --accent-fire:#FF6B35;
  --status-success:#22C55E;
  --status-success-dark:#1E9E57;
  --status-warning:#F59E0B;
  --status-danger:#EF4444;
  --violet:#B18CFF;
  --line-soft:#263354;
  --line-strong:#374A7A;
  --white:#FFFFFF;
  --overlay:rgba(4,8,18,.55);
  --shadow-soft:0 6px 24px rgba(0,0,0,.28);
  --shadow-card:0 8px 32px rgba(0,0,0,.3);
  --glow-primary:0 0 40px rgba(108,60,225,.4);

  /* Светлая тема (значения переключаются в [data-theme="light"]) */
  --light-bg-main:#F5F6FB;
  --light-bg-card:#FFFFFF;
  --light-bg-elev:#EEF1F8;
  --light-text-main:#111528;
  --light-text-muted:#5A6382;
  --light-text-dim:#8A93AE;
  --light-line-soft:#DDE3F0;
  --light-line-strong:#C3CCE0;
  --light-overlay:rgba(20,30,60,.35);
  --light-shadow-soft:0 6px 20px rgba(20,30,60,.12);

  /* Отступы */
  --space-xs:4px;
  --space-sm:8px;
  --space-md:16px;
  --space-lg:24px;
  --space-xl:32px;
  --space-2xl:48px;
  --space-3xl:64px;

  /* Скругления */
  --radius-sm:8px;
  --radius-md:16px;
  --radius-lg:24px;
  --radius-full:999px;

  /* Шрифты */
  --font-display:'Orbitron', system-ui, sans-serif;
  --font-body:'Inter', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;

  /* Тени */
  --shadow-card:0 8px 32px rgba(0,0,0,.3);
  --glow-primary:0 0 40px rgba(108,60,225,.4);

  /* ── совместимость со старыми именами (используются в существующих стилях) ── */
  --bg:var(--bg-main);
  --bg2:var(--bg-card);
  --card:var(--bg-card);
  --line:var(--line-soft);
  --line2:var(--line-strong);
  --tx:var(--text-main);
  --tx2:var(--text-muted);
  --tx3:var(--text-dim);
  --ac:var(--accent-primary);
  --ac2:var(--accent-hover);
  --ok:var(--status-success);
  --warn:var(--status-warning);
  --bad:var(--status-danger);
  --vi:var(--violet);

  /* сетка и размеры */
  --side-w:236px;
  --side-w-collapsed:64px;
  --r-s:var(--radius-sm);
  --r-m:var(--radius-md);
  --r-l:var(--radius-lg);
  --shadow:var(--shadow-soft);
  --pad-s:var(--space-xs);
  --pad-m:var(--space-sm);
  --pad-l:var(--space-md);
  color-scheme:dark;
}

[data-theme="light"],
html[data-theme="light"]{
  --bg:var(--light-bg-main);
  --bg2:var(--light-bg-card);
  --card:var(--light-bg-card);
  --line:var(--light-line-soft);
  --line2:var(--light-line-strong);
  --tx:var(--light-text-main);
  --tx2:var(--light-text-muted);
  --tx3:var(--light-text-dim);
  --overlay:var(--light-overlay);
  --shadow:var(--light-shadow-soft);
  --shadow-soft:var(--light-shadow-soft);
    --accent-primary:#4A00E0;
  color-scheme:light;
}