/* Тема «Бюджет ИТ», тёмный режим.
   Не инверсия светлой, а отдельный набор значений тех же токенов — как в
   исходной системе (itbudget/docs/03-design-system.md §8). */
html[data-theme="budget"][data-mode="dark"] {
  /* поверхности и текст */
  --bg: #0b1220;
  --bg-elev: #111c2e;
  --bg-soft: #17253a;
  --border: #1f2f45;
  --border-strong: #2c3f5b;
  --text: #e6edf5;
  --text-muted: #94a6bc;
  --text-subtle: #7f93ab;
  --text-faint: #5f738c;

  /* основной цвет и акцент */
  --primary: #4d9bf0;
  --primary-hover: #7db6f5;
  --primary-soft: #14263c;
  --primary-soft-2: #1d3454;
  --accent: #fb923c;
  --accent-hover: #fdba74;
  --accent-soft: #33210f;
  --on-accent: #1a1006;
  --on-primary: #06121f;

  /* статусы */
  --success: #34d399;
  --success-soft: #10291f;
  --warning: #fbbf24;
  --warning-soft: #2e2410;
  --danger: #f87171;
  --danger-soft: #34161a;
  --info: #7db6f5;
  --info-soft: #14263c;

  /* навигация */
  --nav-bg: #0a1526;
  --nav-fg: #e6edf5;
  --nav-fg-muted: #9db2c9;
  --nav-active-bg: #1c3050;
  --nav-active-fg: #ffffff;
  --nav-active-bar: #fb923c;
  --topbar-bg: #111c2e;

  /* таблицы */
  --row-stripe: #131f33;
  --row-hover: #1a2942;
  --table-head-bg: #14243c;

  /* диаграммы */
  --chart-1: #4d9bf0;
  --chart-2: #fb923c;
  --chart-3: #34d399;
  --chart-4: #a78bfa;
  --chart-5: #22d3ee;
  --chart-6: #f87171;
  --chart-7: #facc15;
  --chart-8: #94a6bc;

  /* типографика */
  --font-sans: 'Inter', 'IBM Plex Sans', -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-num: 'Inter', ui-monospace, SFMono-Regular, Menlo, monospace;
  --fs-display: 32px;
  --lh-display: 40px;
  --fs-h1: 24px;
  --lh-h1: 32px;
  --fs-h2: 19px;
  --lh-h2: 28px;
  --fs-h3: 16px;
  --lh-h3: 24px;
  --fs-body: 14px;
  --lh-body: 21px;
  --fs-body-sm: 13px;
  --lh-body-sm: 20px;
  --fs-caption: 12px;
  --lh-caption: 16px;
  --fs-overline: 11px;
  --lh-overline: 16px;
  --ls-overline: .12em;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* метрика */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --radius: 10px;
  --radius-sm: 6px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, .32);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .32);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, .44);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, .56);
  --sidebar-w: 248px;
  --sidebar-w-collapsed: 64px;
  --topbar-h: 56px;
  --control-h: 36px;
  --control-h-sm: 30px;
  --focus-ring: #4d9bf0;
  --overlay: rgba(4, 9, 18, .66);
  --skeleton: #182741;
  --skeleton-shine: #21344f;

  /* родные имена дизайн-системы «Бюджет ИТ» */
  --c-app-bg: var(--bg);
  --c-surface: var(--bg-elev);
  --c-navy: #0a1526;
  --c-navy-800: #14243c;
  --c-navy-700: #1c3050;
  --c-navy-fg: #e6edf5;
  --c-navy-fg-muted: #9db2c9;
  --c-primary: var(--primary);
  --c-primary-700: #7db6f5;
  --c-primary-800: #a5cdf8;
  --c-primary-50: var(--primary-soft);
  --c-accent: var(--accent);
  --c-accent-600: #fdba74;
  --c-accent-700: #fdba74;
  --c-accent-800: #fdba74;
  --c-accent-50: var(--accent-soft);
  --c-link: #7db6f5;
  --c-success: var(--success);
  --c-success-50: var(--success-soft);
  --c-success-700: #6ee7b7;
  --c-warning: var(--warning);
  --c-warning-50: var(--warning-soft);
  --c-warning-700: #fcd34d;
  --c-danger: var(--danger);
  --c-danger-50: var(--danger-soft);
  --c-danger-700: #fca5a5;
  --c-text: var(--text);
  --c-text-muted: var(--text-muted);
  --c-border: var(--border);
  --c-row-stripe: var(--row-stripe);
  --c-row-hover: var(--row-hover);
  --c-on-accent: var(--on-accent);
  --c-on-primary: var(--on-primary);

  color-scheme: dark;
}