/* ПП 2604 Design System — токены (собраны из tokens.json дизайн-системы) */
:root{
--black-900:#080b14;
--black-850:#0c101c;
--black-800:#111726;
--black-700:#1a2133;
--black-600:#252e44;
--ink-100:#edeef2;
--ink-60:#98a0b0;
--ink-40:#6c7484;
--gold-500:#c9a24a;
--gold-300:#e8c46a;
--gold-900:#6b5222;
--gold-tint-12:rgba(201,162,74,.12);
--gold-tint-24:rgba(201,162,74,.24);
--gold-tint-40:rgba(201,162,74,.40);
--on-gold:var(--black-900);
--paper-100:#111726;
--paper-200:#161d2e;
--paper-300:#252e44;
--paper-ink:#edeef2;
--paper-ink-60:#98a0b0;
--terracotta-500:#b4543a;
--terracotta-400:#d2775c;
--terracotta-700:#8a3e2a;
--terracotta-tint-12:rgba(180,84,58,.12);
--hairline-dark:rgba(255,255,255,.08);
--hairline-dark-strong:rgba(255,255,255,.16);
--hairline-paper:rgba(255,255,255,.08);
--hairline-paper-strong:rgba(255,255,255,.16);
--surface-page:var(--black-900);
--surface-panel:var(--black-850);
--surface-raised:var(--black-800);
--surface-inset:var(--black-700);
--surface-card:var(--paper-100);
--surface-card-alt:var(--paper-200);
--surface-table-head:var(--paper-200);
--text-body:var(--ink-100);
--text-muted:var(--ink-60);
--text-faint:var(--ink-40);
--text-on-card:var(--paper-ink);
--text-on-card-muted:var(--paper-ink-60);
--text-accent:var(--gold-500);
--text-number:var(--gold-300);
--text-number-on-card:var(--gold-300);
--text-warning:var(--terracotta-400);
--text-warning-on-card:var(--terracotta-400);
--border-hairline:var(--hairline-dark);
--border-strong:var(--hairline-dark-strong);
--border-card:var(--hairline-paper);
--border-accent:var(--gold-tint-40);
--focus-ring:var(--gold-300);
--link:var(--gold-300);
--link-hover:var(--gold-500);
--link-on-card:var(--gold-300);
--link-on-card-hover:var(--gold-500);
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:24px;
--space-6:32px;
--space-7:48px;
--space-8:64px;
--space-9:96px;
--space-10:128px;
--gutter-mobile:20px;
--gutter-tablet:32px;
--gutter-desktop:48px;
--container:1240px;
--container-narrow:820px;
--section-y-desktop:128px;
--section-y-mobile:64px;
--control-h:52px;
--control-h-sm:40px;
--grid-unit:4px;
--radius-0:0;
--radius-sm:2px;
--radius-md:4px;
--radius-lg:8px;
--radius-pill:999px;
--shadow-card:inset 0 0 0 1px rgba(255,255,255,.08);
--shadow-card-hover:inset 0 0 0 1px rgba(255,255,255,.16);
--shadow-inset-hairline:inset 0 0 0 1px rgba(255,255,255,.08);
--edge-gold:inset 0 0 0 1px rgba(201,162,74,.40);
--edge-gold-top:inset 0 1px 0 rgba(201,162,74,.40);
--size-display-1:64px;
--size-display-2:48px;
--size-display-3:40px;
--size-h2:40px;
--size-h3:26px;
--size-h4:20px;
--size-body-lg:19px;
--size-body:18px;
--size-body-sm:16px;
--size-caption:14px;
--size-micro:12px;
--size-num-hero:72px;
--size-num-lg:40px;
--size-num:20px;
--size-num-sm:15px;
--weight-display:700;
--weight-display-bold:800;
--weight-body:400;
--weight-body-medium:500;
--weight-body-bold:700;
--weight-mono:500;
--leading-display:1.08;
--leading-heading:1.18;
--leading-body:1.55;
--leading-tight:1.35;
--leading-mono:1.4;
--tracking-display:-0.015em;
--tracking-body:0;
--tracking-mono:0.01em;
--tracking-eyebrow:0.16em;
--measure:68ch;
--measure-narrow:52ch;
--bp-sm:360px;
--bp-md:768px;
--bp-lg:1280px;
--bp-xl:1920px;
--font-display:"Golos Text", "Manrope", "Segoe UI", system-ui, sans-serif;
--font-sans:"Manrope", "Segoe UI", system-ui, sans-serif;
--font-mono:"JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;
}