/* OSNOVA · токены бренда (Бренд-стратегия 2026). Всё, что ниже — единственный источник цветов, шрифтов и отступов. */
:root {
  /* цвет */
  --mist: #EDEDEB;
  --white: #FFFFFF;
  --ink: #111218;
  --blue: #2A3CFF;
  --sky: #A9C4FF;
  --lime: #D3FE00;
  --edra-lilac: #D4D3F6;
  --edra-navy: #070B3A;
  --edra-core: #3140E0;

  --ink-70: rgba(17, 18, 24, .7);
  --ink-55: rgba(17, 18, 24, .64);
  --ink-12: rgba(17, 18, 24, .12);
  --ink-08: rgba(17, 18, 24, .08);
  --white-70: rgba(255, 255, 255, .7);
  --white-16: rgba(255, 255, 255, .16);

  /* шрифт */
  --font: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-edra: "Unbounded", var(--font);

  /* размеры: плавно от 390 до 1440 px */
  --fs-h1: clamp(40px, calc(40px + 36 * (100vw - 390px) / 1050), 76px);
  --lh-h1: clamp(44px, calc(44px + 36 * (100vw - 390px) / 1050), 80px);
  --fs-h2: clamp(34px, calc(34px + 22 * (100vw - 390px) / 1050), 56px);
  --lh-h2: clamp(38px, calc(38px + 22 * (100vw - 390px) / 1050), 60px);
  --fs-lead: clamp(26px, calc(26px + 14 * (100vw - 390px) / 1050), 40px);
  --lh-lead: clamp(32px, calc(32px + 16 * (100vw - 390px) / 1050), 48px);
  --fs-body: clamp(17px, calc(17px + 3 * (100vw - 390px) / 1050), 20px);
  --lh-body: clamp(26px, calc(26px + 4 * (100vw - 390px) / 1050), 30px);
  --fs-small: 15px;
  --fs-eyebrow: clamp(12px, calc(12px + 2 * (100vw - 390px) / 1050), 14px);
  --fs-h3: clamp(22px, calc(22px + 6 * (100vw - 390px) / 1050), 28px);

  /* сетка */
  --container: 1440px;
  --gutter: 48px;
  --col-gap: 24px;
  --radius: 20px;
  --radius-sm: 12px;
  --radius-xs: 8px;
  --section: 160px;
  --header-h: 72px;
  --header-h-scrolled: 56px;

  /* моушн */
  --ease: cubic-bezier(.2, .8, .2, 1);
  --t-hover: 200ms;
  --t-in: 400ms;
  --t-build: 1200ms;
}
@media (max-width: 767px) {
  :root {
    --gutter: 16px;
    --section: 96px;
    --header-h: 64px;
  }
}