/* ==========================================================================
   Дизайн-токены — единый источник для index / admin / login.
   Подключается ПЕРВЫМ, до style.css / admin.css.
   ========================================================================== */
:root {
  /* Цвета — базовая палитра */
  --color-bg: #0f1923;
  --color-surface: #1a2633;
  --color-surface-alt: #243447;
  --color-primary: #00b4d8;
  --color-primary-hover: #0096c7;
  --color-text: #e8edf2;
  --color-text-muted: #8899aa;
  --color-border: #2a3f55;
  --color-danger: #ef4444;
  --color-success: #22c55e;
  --color-warning: #f59e0b;
  --color-info: #4a9eff;
  --color-accent-teal: #49d6b3;
  --color-text-soft: #cbd5e1;

  /* RGB-каналы для rgba(var(--...-rgb), a) */
  --color-primary-rgb: 0, 180, 216;
  --color-danger-rgb: 239, 68, 68;
  --color-success-rgb: 34, 197, 94;
  --color-warning-rgb: 245, 158, 11;
  --color-info-rgb: 74, 158, 255;
  --color-accent-teal-rgb: 73, 214, 179;

  /* Стекло/оверлеи */
  --glass-bg: rgba(15, 25, 35, 0.92);
  --glass-blur: blur(12px);
  --overlay-rgb: 13, 17, 23;
  --overlay-bg: rgba(var(--overlay-rgb), 0.6);

  /* Радиусы */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius: 8px; /* legacy alias */
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 20px;
  --radius-full: 50%;

  /* Отступы */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;

  /* Z-index шкала */
  --z-tooltip: 10;
  --z-admin-nav: 200;
  --z-player: 800;
  --z-overlay: 850;
  --z-sidebar: 900;
  --z-header: 1000;
  --z-panel: 1050;
  --z-banner: 1100;
  --z-float: 1200;
  --z-loading: 2000;
  --z-modal: 3000;
  --z-dropdown: 9000;
  --z-toast: 9500;
  --z-critical: 9999;

  /* Тени, анимация, шрифты */
  --shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --transition: 0.2s ease;
  --font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: 'Manrope', var(--font);

  /* Минимальный touch-target */
  --touch-target: 44px;
}