/* Тема «Бюджет ИТ», светлый режим.
   Значения перенесены из дизайн-системы стенда budget.dataprofit.team
   (itbudget/docs/03-design-system.md, frontend/src/assets/styles/tokens.css).
   Держим два имени для каждой сущности: контрактное имя портала и родное
   имя budget (--c-*), чтобы перенесённые оттуда компоненты работали без правок. */
html[data-theme="budget"][data-mode="light"] {
  /* поверхности и текст */
  --bg: #f5f7fa;
  --bg-elev: #ffffff;
  --bg-soft: #f1f5f9;
  --border: #e2e8f0;
  --border-strong: #cbd5e1;
  --text: #1f2937;
  --text-muted: #5b6b80;
  --text-subtle: #64748b;
  --text-faint: #94a3b8;

  /* основной цвет и акцент: главные действия — оранжевые, ссылки — синие */
  --primary: #1e7be0;
  --primary-hover: #1660b4;
  --primary-soft: #eaf3fd;
  --primary-soft-2: #cfe4fb;
  --accent: #f97316;
  --accent-hover: #ea6e10;
  --accent-soft: #fef1e7;
  /* Белый на оранжевом даёт 2.8:1 — ниже нормы, поэтому текст поверх акцента
     тёмно-синий (5.2:1), как в исходной системе. */
  --on-accent: #0e2a47;
  --on-primary: #ffffff;

  /* статусы */
  --success: #16a34a;
  --success-soft: #e9f7ef;
  --warning: #b45309;
  --warning-soft: #fef6e7;
  --danger: #dc2626;
  --danger-soft: #fceaea;
  --info: #1660b4;
  --info-soft: #eaf3fd;

  /* навигация: тёмно-синий сайдбар, активный пункт с оранжевой полосой */
  --nav-bg: #0e2a47;
  --nav-fg: #e6edf5;
  --nav-fg-muted: #9db2c9;
  --nav-active-bg: #1a4470;
  --nav-active-fg: #ffffff;
  --nav-active-bar: #f97316;
  --topbar-bg: #ffffff;

  /* таблицы */
  --row-stripe: #fafbfc;
  --row-hover: #eff5fc;
  --table-head-bg: #f8fafc;

  /* диаграммы: палитра проверена на контраст и дейтеранопию */
  --chart-1: #1e7be0;
  --chart-2: #f97316;
  --chart-3: #16a34a;
  --chart-4: #7c3aed;
  --chart-5: #0891b2;
  --chart-6: #dc2626;
  --chart-7: #ca8a04;
  --chart-8: #64748b;

  /* типографика */
  --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(14, 42, 71, .06);
  --shadow-sm: 0 1px 2px rgba(14, 42, 71, .06), 0 1px 3px rgba(14, 42, 71, .08);
  --shadow-md: 0 4px 12px rgba(14, 42, 71, .08);
  --shadow-lg: 0 12px 32px rgba(14, 42, 71, .16);
  --sidebar-w: 248px;
  --sidebar-w-collapsed: 64px;
  --topbar-h: 56px;
  --control-h: 36px;
  --control-h-sm: 30px;
  --focus-ring: #1e7be0;
  --overlay: rgba(14, 42, 71, .45);
  --skeleton: #e8edf3;
  --skeleton-shine: #f4f7fb;

  /* родные имена дизайн-системы «Бюджет ИТ» */
  --c-app-bg: var(--bg);
  --c-surface: var(--bg-elev);
  --c-navy: #0e2a47;
  --c-navy-800: #12365b;
  --c-navy-700: #1a4470;
  --c-navy-fg: #e6edf5;
  --c-navy-fg-muted: #9db2c9;
  --c-primary: var(--primary);
  --c-primary-700: #1660b4;
  --c-primary-800: #124e92;
  --c-primary-50: var(--primary-soft);
  --c-accent: var(--accent);
  --c-accent-600: #ea6e10;
  --c-accent-700: #c2570f;
  --c-accent-800: #8f430c;
  --c-accent-50: var(--accent-soft);
  --c-link: #1660b4;
  --c-success: var(--success);
  --c-success-50: var(--success-soft);
  --c-success-700: #15803d;
  --c-warning: #f59e0b;
  --c-warning-50: var(--warning-soft);
  --c-warning-700: #b45309;
  --c-danger: var(--danger);
  --c-danger-50: var(--danger-soft);
  --c-danger-700: #b91c1c;
  --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: light;
}