/* Сокет — generated from tokens.json */
:root, [data-theme="light"] {
  --surface-0: #ffffff;
  --surface-1: #f1f4f8;
  --surface-2: #f7f9fb;
  --surface-3: #e6ebf1;
  --line: #d9e0e8;
  --line-strong: #7d8998;
  --ink: #0e1622;
  --ink-2: #4a5566;
  --ink-3: #5c6878;
  --ink-4: #a9b4c2;
  --signal: #0567cc;
  --signal-hover: #0458b0;
  --signal-press: #034a94;
  --signal-tint: #eaf4ff;
  --signal-tint-2: #d3e8ff;
  --on-signal: #ffffff;
  --glow: #2ea8ff;
  --glow-soft: #9bd8ff;
  --heat: #c2410c;
  --heat-glow: #ff8a3d;
  --heat-tint: #fff1e6;
  --ok: #167a3e;
  --ok-glow: #4cd77c;
  --ok-tint: #ebf8ef;
  --danger: #b42318;
  --danger-tint: #fdeeec;
  --glass: rgba(255, 255, 255, 0.56);
  --glass-strong: rgba(255, 255, 255, 0.86);
  --glass-edge: rgba(255, 255, 255, 0.78);
  --glass-shade: rgba(14, 22, 34, 0.08);
  --frost: rgba(246, 248, 251, 0.74);
  --scrim: rgba(14, 22, 34, 0.48);
  --ambient-warm: #ffd9c2;
  --ambient-cool: #c4e6ff;
  --thermal-1: #2e6bea;
  --thermal-2: #2ea8ff;
  --thermal-3: #3ed6b8;
  --thermal-4: #ffb340;
  --thermal-5: #ff5a2c;
  --focus: var(--signal);
  --link: var(--signal);
  --shadow-1: 0 1px 2px rgba(14, 22, 34, 0.06), 0 2px 8px rgba(14, 22, 34, 0.04);
  --shadow-2: 0 2px 4px rgba(14, 22, 34, 0.05), 0 18px 40px -14px rgba(14, 22, 34, 0.20);
  --shadow-3: 0 4px 10px rgba(14, 22, 34, 0.06), 0 36px 72px -28px rgba(14, 22, 34, 0.30);
  --glass-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 0 0 0 1px rgba(255, 255, 255, 0.55);
  --glow-signal: 0 10px 28px -8px rgba(5, 103, 204, 0.55), 0 0 0 1px rgba(46, 168, 255, 0.25);
  --focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #0567cc;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;
  --radius-full: 9999px;
  --chamfer-sm: 10px;
  --chamfer-md: 18px;
  --chamfer-lg: 32px;
  --key-mark: 12px;
  --control: 52px;
  --control-sm: 40px;
  --target-min: 44px;
  --header: 72px;
  --callbar: 64px;
  --container: 1200px;
  --measure: 680px;
  --icon: 24px;
  --fs-display: clamp(34px, 3.4vw + 20px, 64px);
  --fs-h1: clamp(30px, 2vw + 22px, 48px);
  --fs-h2: clamp(26px, 1.1vw + 22px, 36px);
  --fs-h3: clamp(21px, 0.35vw + 19.7px, 24px);
  --fs-lead: clamp(18px, 0.22vw + 17.2px, 20px);
  --fs-readout-xl: clamp(56px, 3.5vw + 43px, 88px);
  --fs-readout-l: clamp(40px, 1.3vw + 35px, 52px);
  --gutter: clamp(16px, 2.6vw + 6px, 40px);
  --section-gap: clamp(48px, 3.5vw + 35px, 80px);
  --blur-glass: 18px;
  --blur-frost: 30px;
  --blur-ambient: 72px;
  --dur-1: 120ms;
  --dur-2: 200ms;
  --dur-3: 320ms;
  --dur-4: 560ms;
  --dur-5: 900ms;
  --dur-6: 1600ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-snap: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-in: cubic-bezier(0.55, 0, 1, 0.45);
  --z-raised: 10;
  --z-header: 100;
  --z-callbar: 110;
  --z-menu: 200;
  --font-sans: Manrope, "Manrope Cyrillic", "Manrope Symbols", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: "JetBrains Mono", "JetBrains Mono Cyrillic", "JetBrains Mono Symbols", ui-monospace, Menlo, Consolas, monospace;
}
.display { font-family: var(--font-sans); font-size: 64px; line-height: 1.04; font-weight: 650; letter-spacing: -0.03em; }
.display-m { font-family: var(--font-sans); font-size: 34px; line-height: 1.08; font-weight: 650; letter-spacing: -0.025em; }
.h1 { font-family: var(--font-sans); font-size: 48px; line-height: 1.08; font-weight: 650; letter-spacing: -0.025em; }
.h1-m { font-family: var(--font-sans); font-size: 30px; line-height: 1.12; font-weight: 650; letter-spacing: -0.02em; }
.h2 { font-family: var(--font-sans); font-size: 36px; line-height: 1.12; font-weight: 650; letter-spacing: -0.02em; }
.h2-m { font-family: var(--font-sans); font-size: 26px; line-height: 1.18; font-weight: 650; letter-spacing: -0.015em; }
.h3 { font-family: var(--font-sans); font-size: 24px; line-height: 1.25; font-weight: 600; letter-spacing: -0.01em; }
.h4 { font-family: var(--font-sans); font-size: 19px; line-height: 1.35; font-weight: 600; letter-spacing: -0.005em; }
.lead { font-family: var(--font-sans); font-size: 20px; line-height: 1.55; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 17px; line-height: 1.6; font-weight: 400; }
.body-strong { font-family: var(--font-sans); font-size: 17px; line-height: 1.6; font-weight: 600; }
.small { font-family: var(--font-sans); font-size: 15px; line-height: 1.5; font-weight: 400; }
.caption { font-family: var(--font-sans); font-size: 13px; line-height: 1.45; font-weight: 500; letter-spacing: 0.01em; }
.label { font-family: var(--font-sans); font-size: 14px; line-height: 1.3; font-weight: 600; letter-spacing: 0.01em; }
.button { font-family: var(--font-sans); font-size: 16px; line-height: 1.2; font-weight: 600; }
.nav { font-family: var(--font-sans); font-size: 15px; line-height: 1.2; font-weight: 500; }
.readout-xl { font-family: var(--font-sans); font-size: 88px; line-height: 1; font-weight: 300; letter-spacing: -0.04em; }
.readout-l { font-family: var(--font-sans); font-size: 52px; line-height: 1; font-weight: 300; letter-spacing: -0.03em; }
.readout-m { font-family: var(--font-sans); font-size: 30px; line-height: 1.05; font-weight: 350; letter-spacing: -0.02em; }
.unit { font-family: var(--font-sans); font-size: 15px; line-height: 1.2; font-weight: 500; }
.mono { font-family: var(--font-mono); font-size: 14px; line-height: 1.5; font-weight: 450; }
.mono-s { font-family: var(--font-mono); font-size: 12px; line-height: 1.45; font-weight: 500; letter-spacing: 0.02em; }

/* Шрифты: подключите soket-fonts.css */