/* Токены Top4ik — собрано python tools/build_tokens.py из tokens/tokens.json. Руками не править. */
/* Подключение одной строкой: тег link со ссылкой на этот файл, путь — относительно страницы. */

@font-face {
  font-family: "Commissioner";
  src: url("../assets/fonts/commissioner-var.woff2") format("woff2");
  font-weight: 600 800;
  font-display: swap;
}
@font-face {
  font-family: "Onest";
  src: url("../assets/fonts/onest-var.woff2") format("woff2");
  font-weight: 400 700;
  font-display: swap;
}

:root {
  /* Цвет: яркий рисует, тёмный пишет */
  --c-bg: #F4F7F8;
  --c-surface: #FFFFFF;
  --c-line: #DCE4E7;
  --c-line-2: #C9D5DA;
  --c-ink: #182B3A;
  --c-ink-soft: #4B5E6B;
  --c-dark: #1F5470;
  --c-dark-2: #2B8193;
  --c-dark-deep: #12364A;
  --c-dark-mid: #22607F;
  --c-on-dark: #FFFFFF;
  --c-on-dark-soft: #DCEEF6;
  --c-accent: #46E0CC;
  --c-accent-ink: #087266;
  --c-mint: #D5F7F2;
  --c-accent-2: #FF8A3D;
  --c-warm-ink: #A3400A;
  --c-warm-bg: #FFE4D2;
  --c-on-accent: #182B3A;
  /* Статусы: --c-x — текст, -bg — плашка, -hi — значок */
  --c-err: #C2362B; --c-err-bg: #FDE5E2; --c-err-hi: #E5483B;
  --c-warn: #A3400A; --c-warn-bg: #FFE4D2; --c-warn-hi: #E8691C;
  --c-ok: #087266; --c-ok-bg: #E3FAF6; --c-ok-hi: #0E9A87;
  --c-info: #4B5E6B; --c-info-bg: #EEF2F4; --c-info-hi: #6B7F8C;
  --c-violet: #6A4FD0; --c-violet-bg: #ECE6FF; --c-violet-hi: #8A6FF0;

  --font-display: "Commissioner", "Segoe UI", system-ui, sans-serif;
  --font-body: "Onest", "Segoe UI", system-ui, sans-serif;
  --fw-display: 800;
  --track-display: -0.02em;
  --fs-h1: clamp(2.1rem, 1.3rem + 3.6vw, 4.2rem);
  --fs-h2: clamp(1.6rem, 1.2rem + 1.7vw, 2.6rem);
  --fs-h3: clamp(1.15rem, 1.05rem + .5vw, 1.45rem);
  --fs-lead: clamp(1.05rem, 1rem + .35vw, 1.25rem);
  --fs-body: 1.0625rem;
  --fs-small: .9375rem;
  --fs-xs: .8125rem;
  --measure: 68ch;

  --container: 1600px;
  --gutter: clamp(16px, 4vw, 32px);
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 72px; --space-9: 112px; --space-10: 160px;
  --r-sm: 8px; --r-md: 14px; --r-lg: 24px; --r-pill: 999px;
  --sh-md: 0 10px 30px rgba(24, 43, 58, .08);
  --sh-lg: 0 24px 60px rgba(24, 43, 58, .25);
  --t-fast: 160ms ease;
  --t-base: 260ms ease;
}