/* Дизайн-система CRM. Цвета бренда с banknedvizhimosti64.ru, style.css :root.
   Светлая тема на :root. Тёмная: html[data-theme="dark"].
   Кнопки и ссылки темнее чистого #1fa348 там, где белый текст иначе не проходит WCAG AA.
   Графика и крупные акценты остаются #1fa348. */

:root {
  --font-sans: Inter, "Segoe UI", system-ui, sans-serif;
  --font-heading: Inter, "Segoe UI", system-ui, sans-serif;
  --line-height: 1.45;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.75rem;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --kpi-size: 1.95rem;
  color-scheme: light;

  --color-bg: #f7f7f7;
  --color-surface: #ffffff;
  --color-surface-2: #f3f3f3;
  --color-text: #1f1f1f;
  --color-text-muted: #5f5f5f;
  --color-brand: #1fa348;
  --color-accent: #13863a;
  --color-accent-hover: #14682d;
  --color-accent-contrast: #ffffff;
  --color-link: #14682d;
  --color-accent-soft: rgba(31, 163, 72, 0.12);
  --color-border: #e6e6e6;
  --color-good: #13863a;
  --color-good-soft: rgba(31, 163, 72, 0.12);
  --color-bad: #b42318;
  --color-bad-soft: #fdecea;
  --color-warn: #6e4f0c;
  --color-warn-soft: #fff6e0;
  --color-header-bg: #ffffff;
  --color-header-text: #1f1f1f;
  --color-header-muted: #5f5f5f;
  --color-header-border: #e6e6e6;
  --shadow-card: 0 10px 40px rgba(31, 31, 31, 0.08);
  --shadow-header: 0 1px 0 #e6e6e6;
  --chart-revenue: #1fa348;
  --chart-expense: #b42318;
  --chart-profit: #14682d;
  --chart-axis: #5f5f5f;
  --chart-grid: #e6e6e6;
  --chart-tooltip-bg: #ffffff;
  --chart-tooltip-text: #1f1f1f;
  --chart-pie: #1fa348, #13863a, #1f1f1f, #5f5f5f, #7dcea0, #14682d;
  --status-deposit: #e7f6ec;
  --status-deal: #fff4d6;
  --status-settled: rgba(31, 163, 72, 0.16);
  --status-failed: #e6e6e6;
  --status-failed-retained: #f3e6dc;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --color-bg: #141816;
  --color-surface: #1c2420;
  --color-surface-2: #24302a;
  --color-text: #f3f6f4;
  --color-text-muted: #b7c2ba;
  --color-brand: #1fa348;
  --color-accent: #198239;
  --color-accent-hover: #1fa348;
  --color-accent-contrast: #ffffff;
  --color-link: #3dcc6a;
  --color-accent-soft: rgba(31, 163, 72, 0.2);
  --color-border: rgba(255, 255, 255, 0.12);
  --color-good: #3dcc6a;
  --color-good-soft: rgba(61, 204, 106, 0.16);
  --color-bad: #ff8a80;
  --color-bad-soft: rgba(255, 138, 128, 0.14);
  --color-warn: #fbbf24;
  --color-warn-soft: rgba(251, 191, 36, 0.16);
  --color-header-bg: #101512;
  --color-header-text: #f3f6f4;
  --color-header-muted: #b7c2ba;
  --color-header-border: rgba(255, 255, 255, 0.1);
  --shadow-card: 0 0 0 1px rgba(255, 255, 255, 0.04);
  --shadow-header: none;
  --chart-revenue: #3dcc6a;
  --chart-expense: #ff8a80;
  --chart-profit: #7dffa6;
  --chart-axis: #d5e0d8;
  --chart-grid: rgba(255, 255, 255, 0.12);
  --chart-tooltip-bg: #24302a;
  --chart-tooltip-text: #f3f6f4;
  --chart-pie: #3dcc6a, #7dffa6, #e6e6e6, #1fa348, #8fd9a8, #fbbf24;
  --status-deposit: #1a3328;
  --status-deal: #3a3420;
  --status-settled: #164028;
  --status-failed: #2a302c;
  --status-failed-retained: #3a2e26;
}

/* Бренд КИЦ. Палитра: #1B4E9B, #0DA861, #2B2A29, #FEFEFE, #028A88.
   Кнопка темнее чистого #0DA861: белый текст на нём не проходит WCAG AA.
   Тёмная тема — те же цвета, осветлённые или затемнённые. */
html[data-brand="kic"] {
  color-scheme: light;
  --font-sans: "Golos Text", "Segoe UI", system-ui, sans-serif;
  --font-heading: Rubik, "Segoe UI", system-ui, sans-serif;
  --color-bg: #f4f7fb;
  --color-surface: #fefefe;
  --color-surface-2: #e7eef8;
  --color-text: #2b2a29;
  --color-text-muted: #5e656c;
  --color-brand: #1b4e9b;
  --color-brand-green: #0da861;
  --color-brand-teal: #028a88;
  --color-accent: #0a814b;
  --color-accent-hover: #08653a;
  --color-accent-contrast: #ffffff;
  --color-link: #1b4e9b;
  --color-accent-soft: #e5f7ee;
  --color-border: #d5deea;
  --color-good: #08653a;
  --color-good-soft: #e5f7ee;
  --color-bad: #b42318;
  --color-bad-soft: #fdecea;
  --color-warn: #6e4f0c;
  --color-warn-soft: #fff6e0;
  --color-header-bg: #fefefe;
  --color-header-text: #2b2a29;
  --color-header-muted: #5e656c;
  --color-header-border: #d5deea;
  --shadow-card: 0 10px 40px rgba(27, 78, 155, 0.08);
  --shadow-header: 0 1px 0 #d5deea;
  --chart-revenue: #1b4e9b;
  --chart-expense: #028a88;
  --chart-profit: #0da861;
  --chart-axis: #5e656c;
  --chart-grid: #d5deea;
  --chart-tooltip-bg: #fefefe;
  --chart-tooltip-text: #2b2a29;
  --chart-pie: #1b4e9b, #028a88, #0da861, #2b2a29, #7695c3, #0a814b;
  --status-deposit: #e5f7ee;
  --status-deal: #e7eef8;
  --status-settled: #d9f3e6;
  --status-failed: #e6e6e6;
  --status-failed-retained: #f3e6dc;
}

html[data-theme="dark"][data-brand="kic"] {
  color-scheme: dark;
  --color-bg: #10192b;
  --color-surface: #172338;
  --color-surface-2: #1e2d48;
  --color-text: #fefefe;
  --color-text-muted: #c9d3e0;
  --color-brand: #1b4e9b;
  --color-brand-green: #0da861;
  --color-brand-teal: #028a88;
  --color-accent: #0a814b;
  --color-accent-hover: #0a854d;
  --color-accent-contrast: #ffffff;
  --color-link: #a9c7f2;
  --color-accent-soft: #143528;
  --color-border: #2a3b56;
  --color-good: #5ddb9a;
  --color-good-soft: #143528;
  --color-bad: #ff8a80;
  --color-bad-soft: #3a2428;
  --color-warn: #fbbf24;
  --color-warn-soft: #3a3420;
  --color-header-bg: #0c1422;
  --color-header-text: #fefefe;
  --color-header-muted: #c9d3e0;
  --color-header-border: #24344c;
  --shadow-card: 0 0 0 1px rgba(254, 254, 254, 0.06);
  --shadow-header: none;
  --chart-revenue: #8fb4e8;
  --chart-expense: #5dcfc8;
  --chart-profit: #5ddb9a;
  --chart-axis: #c9d3e0;
  --chart-grid: #2a3b56;
  --chart-tooltip-bg: #172338;
  --chart-tooltip-text: #fefefe;
  --chart-pie: #8fb4e8, #5dcfc8, #5ddb9a, #e7e6e4, #1b4e9b, #0da861;
  --status-deposit: #143528;
  --status-deal: #1a2c4a;
  --status-settled: #145038;
  --status-failed: #243044;
  --status-failed-retained: #3a2e26;
}