/* ГЛОБАЛЬНЫЙ СЛОЙ 1 — токены.
   Единственное место, где живут значения. Ни один блок не пишет цвет или размер
   числом: только через переменную. При переносе в приложение файл уезжает целиком
   и становится источником дизайн-системы. */

:root {
  /* Поверхности — светлая земля «Синяя», выведена из фирменного #051B32.
     Чистый #FFFFFF не используется нигде. */
  --surface: #E7ECF2;
  --surface-raised: #F1F5F9;
  --surface-sunken: #D8E1EA;
  --surface-dark: #051B32;

  /* Чернила */
  --ink: #051B32;
  --ink-body: #46586E;
  --ink-muted: #334E66;
  --ink-on-dark: #F1F5F9;
  --ink-on-dark-muted: rgba(241, 245, 249, 0.72);

  /* Акцент. Заливка — #E1251B, надпись на ней только чистый белый (4,69:1).
     Текстовый акцент на светлом — затемнённый #B71C14 (≈6:1). */
  --accent: #E1251B;
  --accent-hover: #C91C13;
  --accent-ink: #B71C14;
  --on-accent: #FFFFFF;

  /* Линии. Рамок и теней нет — разделяем хайрлайнами 1px. */
  --line: rgba(5, 27, 50, 0.14);
  --line-strong: rgba(5, 27, 50, 0.24);
  --line-on-dark: rgba(241, 245, 249, 0.24);

  /* Типографика. Гротеск без засечек + моно для цифр и подписей. */
  /* заголовки и кнопки — Commissioner, корпус — Golos Text, цифры — моно */
  --font-head: "Commissioner", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-sans: "Golos Text", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", monospace;

  /* Текучая шкала: одна формула на все ширины, медиазапросы для кегля не нужны */
  --size-display: clamp(30px, 1.35rem + 2.6vw, 58px);
  --size-h2: clamp(24px, 1.15rem + 1.5vw, 38px);
  --size-h3: clamp(18px, 1rem + 0.5vw, 22px);
  --size-lead: clamp(16px, 0.95rem + 0.3vw, 18px);
  --size-body: 16px;
  --size-small: 14px;
  --size-caption: clamp(10px, 0.62rem + 0.1vw, 11px);
  --size-figure: clamp(22px, 1.1rem + 0.9vw, 28px);
  --size-card-title: clamp(20px, 1rem + 0.9vw, 27px);
  --size-card-text: 14px;
  --size-card-lead: 15px;

  --leading-tight: 1.04;
  --leading-heading: 1.15;
  --leading-body: 1.55;
  --tracking-tight: -0.025em;
  --tracking-caption: 0.14em;

  /* Ритм. Шаг 4px, крупные отступы текучие. */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 28px;
  --sp-7: 36px;
  --sp-8: 48px;
  --header-h: 80px; /* высота липкой шапки: на неё считается отступ якоря */
  --section-y: clamp(40px, 5vw, 72px);
  --section-y-tight: clamp(32px, 4vw, 56px);
  --card-scrim: linear-gradient(96deg, rgba(5,27,50,0.78) 0%, rgba(5,27,50,0.30) 52%, rgba(5,27,50,0.10) 100%);
  --card-cut: polygon(0 0, 100% 0, 100% 100%, 42% 100%);
  --gutter: clamp(16px, 6vw, 80px);
  --content-max: 1760px;
  --measure: 672px; /* сплошной текст не шире */

  /* Пластика: срезанный угол вместо скругления. Радиус 4px — ровно одно
     исключение, карточки с фотографией: срез обрезал бы кадр. */
  --bevel-btn: 14px;
  --bevel-chip: 12px;
  --bevel-panel: 18px;
  --bevel-feature: 28px;
  --radius-photo: 4px;

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 620ms;
  --dur-fast: 220ms;
}