/* Тарифолог: токены, сгенерировано из tokens.json. Темы: light, dark. Тёмная тема: data-theme="dark" на <html>. */
:root, [data-theme="light"] {
  --bg: #f7f7f4;
  --surface: #ffffff;
  --track: #ebebe6;
  --ink: #14281b;
  --ink-2: #5d626b;
  --line: #e3e3de;
  --line-strong: #8a8f96;
  --green: #176b35;
  --on-green: #ffffff;
  --blue: #00619a;
  --blue-soft: #c1e3fc;
  --blue-ink: #005382;
  --amber: #f5b041;
  --amber-soft: #fdf1dc;
  --amber-ink: #8f5600;
  --on-amber: #121418;
  --price-1: #e4f3e3;
  --price-2: #bfe3bc;
  --price-3: #92cf92;
  --price-4: #5fb36a;
  --price-5: #2f8d4a;
  --price-6: #176b35;
  --night: #121418;
  --night-2: #1c2026;
  --night-ink: #eef0f3;
  --night-ink-2: #9aa1ad;
  --night-line: #2a2f37;
  --action: var(--ink);
  --on-action: var(--bg);
  --night-action: var(--night-ink);
  --on-night-action: var(--night);
}
[data-theme="dark"] {
  --bg: #0f1115;
  --surface: #161a20;
  --track: #1b1f26;
  --ink: #eef0f3;
  --ink-2: #9aa1ad;
  --line: #252931;
  --line-strong: #6b727d;
  --green: #9fe870;
  --on-green: #0f1115;
  --blue: #56aee8;
  --blue-soft: #10304a;
  --blue-ink: #9ed5fd;
  --amber: #ffbf5c;
  --amber-soft: #2e2416;
  --amber-ink: #ffbf5c;
  --on-amber: #121418;
  --price-1: #1c2b22;
  --price-2: #284a33;
  --price-3: #3a6b47;
  --price-4: #4f8f5d;
  --price-5: #6fb67a;
  --price-6: #9fe870;
  --night: #090b0e;
  --night-2: #14171c;
  --night-ink: #eef0f3;
  --night-ink-2: #9aa1ad;
  --night-line: #2a2f37;
  --action: var(--ink);
  --on-action: var(--bg);
  --night-action: var(--night-ink);
  --on-night-action: var(--night);
}
:root {
  --space-1: 6px;
  --space-2: 10px;
  --space-3: 16px;
  --space-4: 28px;
  --space-5: 48px;
  --space-6: 72px;
  --radius-bar: 6px;
  --radius-control: 12px;
  --radius-panel: 20px;
  --font-sans: "Onest", "Segoe UI", system-ui, sans-serif;
}
.display { font-family: var(--font-sans); font-size: 92px; line-height: 86px; font-weight: 800; letter-spacing: -0.05em; }
.display-light { font-family: var(--font-sans); font-size: 92px; line-height: 86px; font-weight: 300; letter-spacing: -0.04em; }
.total { font-family: var(--font-sans); font-size: 68px; line-height: 68px; font-weight: 300; letter-spacing: -0.03em; }
.h2 { font-family: var(--font-sans); font-size: 44px; line-height: 46px; font-weight: 800; letter-spacing: -0.04em; }
.h2-light { font-family: var(--font-sans); font-size: 44px; line-height: 46px; font-weight: 300; letter-spacing: -0.03em; }
.h3 { font-family: var(--font-sans); font-size: 20px; line-height: 28px; font-weight: 500; }
.lead { font-family: var(--font-sans); font-size: 18px; line-height: 27px; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 17px; line-height: 26px; font-weight: 400; }
.delta { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 500; }
.small { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }
.axis { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 400; }