/* DataCenterQoima UI — токены из дизайн-системы (UI-кит Datacenter). Светлая и тёмная темы.
   Цветовые схемы (акцент и фон) переопределяют часть токенов — css/schemes.css. */
:root,
[data-theme="light"] {
  /* Палитра кита */
  --accent: #4A6CFF;
  --secondary-100: #D4DDF2;
  --secondary-200: #243C70;
  --secondary-300: #1C273F;
  --neutral-100: #FFFFFF;
  --neutral-200: #F0F3FD;
  --neutral-300: #D3D8E9;
  --neutral-400: #BDC2D4;
  --neutral-500: #8F96A9;
  --neutral-600: #666F85;
  --neutral-700: #0D1526;
  --neutral-800: #090F1C;

  /* Токены темы */
  --surface-page: #F0F3FD;
  --surface-card: #FFFFFF;
  --surface-inset: #F0F3FD;
  --line: #D3D8E9;
  --line-strong: #BDC2D4;
  --text: #090F1C;
  --text-muted: #666F85;
  --text-faint: #8F96A9;
  --accent-text: #4A6CFF;
  --on-accent: #FFFFFF;
  --brand-mark: #4A6CFF;   /* знак в меню; в схемах может отличаться от акцента */
  --chart-1: #4A6CFF;
  --chart-2: #243C70;
  --chart-3: #D4DDF2;
  /* Сравнение: рост / падение (проверено на дальтонизм и контраст) и «было» — приглушённый серый */
  --chart-up: #4A6CFF;
  --chart-down: #E0613A;
  --chart-base: #858CA0;

  /* Статусы (расширение проекта) */
  --positive: #137A55;
  --positive-tint: #E3F5EC;
  --negative: #C42B37;
  --negative-tint: #FDE8EA;
  --warning: #A85A00;
  --warning-tint: #FDF1E1;

  --shadow-sm: 0 1px 3px rgba(31, 47, 84, 0.10);
  --shadow-regular: 0 2px 4px rgba(31, 47, 84, 0.08);
  --shadow-md: 0 8px 15px rgba(31, 47, 84, 0.10);
  --shadow-primary-sm: 0 1px 2px rgba(58, 125, 255, 0.15);

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-full: 999px;

  --space-1: 4px; --space-2: 6px; --space-3: 8px; --space-4: 12px; --space-5: 16px;
  --space-6: 24px; --space-7: 32px; --space-8: 40px; --space-9: 48px;

  --font-sans: Figtree, "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;
  color-scheme: light;
}

[data-theme="dark"] {
  --surface-page: #090F1C;
  --surface-card: #0D1526;
  --surface-inset: #1C273F;
  --line: #1C273F;
  --line-strong: #243C70;
  --text: #F0F3FD;
  --text-muted: #8F96A9;
  --text-faint: #666F85;
  --accent-text: #7B93FF;
  --on-accent: #FFFFFF;
  --chart-2: #8DA2FF;
  --chart-3: #33467A;
  --chart-base: #6B7591;

  --positive: #46D39A;
  --positive-tint: #11302A;
  --negative: #FF7A85;
  --negative-tint: #3A1820;
  --warning: #F3A73F;
  --warning-tint: #33260F;

  /* В тёмной теме без теней: обводка 1px вместо них. Без свечений. */
  --shadow-sm: 0 0 0 0 rgba(0, 0, 0, 0);
  --shadow-regular: 0 0 0 1px #1C273F;
  --shadow-md: 0 0 0 1px #243C70;
  --shadow-primary-sm: none;
  color-scheme: dark;
}