/* Техмед Эксперт — маркетинг — generated from tokens.json */
:root, [data-theme="light"] {
  --brand-ivory: #f7f4eb;
  --brand-warm-white: #fbfaf5;
  --brand-orange: #fc6b28;
  --brand-light-orange: #f9bd9d;
  --brand-prussian: #091f44;
  --brand-light-blue: #4d5d78;
  --bg-page: #eef1f6;
  --bg-glow: #ffffff;
  --bg-sidebar: #ffffff;
  --surface-card: #ffffff;
  --surface-card-end: #ffffff;
  --surface-raised: #ffffff;
  --surface-control: #ffffff;
  --surface-hover: #eef1f6;
  --nav-active-bg: rgba(252, 107, 40, 0.14);
  --nav-active-line: rgba(252, 107, 40, 0.35);
  --ink: #091f44;
  --ink-soft: #4d5d78;
  --ink-muted: #5f6c85;
  --ink-faint: #627089;
  --line-hairline: #e6e8ee;
  --line-soft: #eceef3;
  --accent: #fc6b28;
  --accent-hover: #fd7f43;
  --accent-press: #e85a18;
  --on-accent: #091f44;
  --focus-ring: #fc6b28;
  --primary: #091f44;
  --on-primary: #ffffff;
  --icon-plate: #e9eef6;
  --icon-on-plate: #091f44;
  --icon-plate-accent: rgba(252, 107, 40, 0.18);
  --data-1: #fc6b28;
  --data-2: #091f44;
  --data-3: #4d5d78;
  --data-4: #8e9ab0;
  --data-5: #a9b4c7;
  --donut-2: #091f44;
  --donut-3: #4d5d78;
  --donut-4: #a9b4c7;
  --bar-neutral: #8e9ab0;
  --data-track: #eceef3;
  --chart-glow: rgba(252, 107, 40, 0.30);
  --chart-glow-2: rgba(9, 31, 68, 0.07);
  --chart-cursor: rgba(9, 31, 68, 0.25);
  --positive: #1f7a4d;
  --positive-bg: #e3f2ea;
  --negative: #b3322a;
  --negative-bg: #f8e4e1;
  --warning: #8a5a00;
  --warning-bg: #fbf0d9;
  --attention-bg: #fff0e7;
  --attention-line: rgba(252, 107, 40, 0.45);
  --scrim: rgba(9, 31, 68, 0.18);
  --shadow-card: 0 1px 2px rgba(9, 31, 68, 0.04), 0 12px 32px rgba(9, 31, 68, 0.07);
  --shadow-overlay: -24px 0 48px rgba(9, 31, 68, 0.12);
  --shadow-tip: 0 16px 32px rgba(9, 31, 68, 0.14);
}
[data-theme="dark"] {
  --bg-page: #061230;
  --bg-glow: #12306a;
  --bg-sidebar: #050f26;
  --surface-card: #12306a;
  --surface-card-end: #0b214e;
  --surface-raised: #0b1f48;
  --surface-control: rgba(255, 255, 255, 0.06);
  --surface-hover: rgba(255, 255, 255, 0.06);
  --nav-active-bg: rgba(252, 107, 40, 0.16);
  --nav-active-line: rgba(252, 107, 40, 0.35);
  --ink: #eef2f8;
  --ink-soft: #a9b4c7;
  --ink-muted: #9fadc7;
  --ink-faint: #93a2bf;
  --line-hairline: rgba(255, 255, 255, 0.08);
  --line-soft: rgba(255, 255, 255, 0.06);
  --accent: #fc6b28;
  --accent-hover: #fd7f43;
  --accent-press: #e85a18;
  --on-accent: #091f44;
  --focus-ring: #fc6b28;
  --primary: #eef2f8;
  --on-primary: #091f44;
  --icon-plate: rgba(159, 176, 204, 0.14);
  --icon-on-plate: #c9d4e6;
  --icon-plate-accent: rgba(252, 107, 40, 0.18);
  --data-1: #fc6b28;
  --data-2: #9fb0cc;
  --data-3: #dfe5ef;
  --data-4: #9fb0cc;
  --data-5: #5a6f96;
  --donut-2: #dfe5ef;
  --donut-3: #9fb0cc;
  --donut-4: #5a6f96;
  --bar-neutral: #5a6f96;
  --data-track: rgba(255, 255, 255, 0.08);
  --chart-glow: rgba(252, 107, 40, 0.55);
  --chart-glow-2: rgba(159, 176, 204, 0.22);
  --chart-cursor: rgba(255, 255, 255, 0.25);
  --positive: #5fd39a;
  --positive-bg: rgba(95, 211, 154, 0.14);
  --negative: #ff8a7a;
  --negative-bg: rgba(255, 138, 122, 0.14);
  --warning: #f5c160;
  --warning-bg: rgba(245, 193, 96, 0.14);
  --attention-bg: rgba(252, 107, 40, 0.16);
  --attention-line: rgba(252, 107, 40, 0.45);
  --scrim: rgba(2, 8, 22, 0.45);
  --shadow-card: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 20px 40px rgba(2, 8, 22, 0.35);
  --shadow-overlay: -24px 0 48px rgba(2, 8, 22, 0.45);
  --shadow-tip: 0 16px 32px rgba(2, 8, 22, 0.5);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 28px;
  --space-7: 36px;
  --radius-ava: 10px;
  --radius-plate: 12px;
  --radius-nav: 14px;
  --radius-card: 20px;
  --radius-pill: 999px;
  --size-sidebar: 240px;
  --size-sidebar-collapsed: 76px;
  --size-drawer: 420px;
  --size-control: 40px;
  --size-nav-item: 44px;
  --duration-fast: 150ms;
  --duration-base: 240ms;
  --duration-slow: 400ms;
  --font-sans: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
}
.metric-xl { font-family: var(--font-sans); font-size: 56px; line-height: 60px; font-weight: 600; letter-spacing: -0.02em; }
.metric { font-family: var(--font-sans); font-size: 40px; line-height: 44px; font-weight: 600; letter-spacing: -0.01em; }
.metric-sm { font-family: var(--font-sans); font-size: 34px; line-height: 40px; font-weight: 600; }
.h1 { font-family: var(--font-sans); font-size: 30px; line-height: 38px; font-weight: 600; letter-spacing: 0.005em; }
.h2 { font-family: var(--font-sans); font-size: 20px; line-height: 28px; font-weight: 600; }
.h3 { font-family: var(--font-sans); font-size: 17px; line-height: 24px; font-weight: 600; }
.body { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 500; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 500; }
.axis { font-family: var(--font-sans); font-size: 11px; line-height: 16px; font-weight: 500; }