/* ==========================================================================
   Дизайн-токены · доставка-грунта-рейтинг.рф
   Единый источник цветов, типографики, отступов и радиусов.
   ========================================================================== */
:root {
  /* --- Цвета: базовые --- */
  --c-white: #ffffff;
  --c-paper: #fbfaf6;          /* тёплый молочный — фон «бумаги» */
  --c-ink: #0f1b26;            /* основной текст, 17:1 на белом */
  --c-ink-2: #34424f;          /* вторичный текст, ~10:1 */
  --c-ink-3: #55636f;          /* подписи, ~6.3:1 */
  --c-line: #e3e6e2;
  --c-line-2: #cfd6d2;

  /* --- Акценты (AA ≥ 4.5 на белом и на своих подложках) --- */
  --c-blue: #0b5cb8;
  --c-blue-ink: #083f80;
  --c-green: #13703b;
  --c-green-ink: #0b4f28;
  --c-soil: #5a3b22;
  --c-clay: #a4491f;
  --c-sun: #f2c14e;

  /* --- Подложки блоков (как у Яндекса: мягкие, разные) --- */
  --s-sky: #e8f2fc;
  --s-sky-2: #d5e7fa;
  --s-mint: #e3f4ea;
  --s-mint-2: #cdebd9;
  --s-sand: #f6efe3;
  --s-sand-2: #eee2cc;
  --s-lilac: #efebfa;
  --s-peach: #fdece3;
  --s-lemon: #fbf6d9;
  --s-stone: #f1f3f1;
  --s-night: #0f2a3d;          /* тёмный акцентный блок */

  /* --- Типографика --- */
  --f-sans: 'Onest', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --f-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Крупнее обычного: база 19px на десктопе, 18px на мобильных */
  --fs-body: clamp(18px, 0.35vw + 16.6px, 20px);
  --fs-small: clamp(16px, 0.2vw + 15.2px, 17px);
  --fs-xs: 15px;
  --fs-lead: clamp(20px, 0.7vw + 17px, 25px);
  --fs-h4: clamp(21px, 0.6vw + 18.5px, 25px);
  --fs-h3: clamp(24px, 1.1vw + 19px, 32px);
  --fs-h2: clamp(34px, 3vw + 20px, 64px);
  --fs-h1: clamp(42px, 5.2vw + 20px, 104px);
  --fs-num: clamp(48px, 5vw + 24px, 112px);

  --lh-tight: 1.04;
  --lh-head: 1.12;
  --lh-body: 1.6;

  /* --- Отступы --- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;
  --sp-9: 96px; --sp-10: 128px;
  --gutter: clamp(16px, 3vw, 40px);
  --block-pad: clamp(24px, 4vw, 64px);
  --section-gap: clamp(16px, 1.6vw, 24px);

  /* --- Радиусы (крупные, «яндексовые») --- */
  --r-xs: 10px; --r-sm: 16px; --r-md: 24px; --r-lg: 36px; --r-xl: 48px; --r-pill: 999px;

  /* --- Контейнер --- */
  --w-max: 1440px;
  --w-text: 72ch;

  /* --- Тени и движение --- */
  --sh-1: 0 1px 2px rgba(15, 27, 38, .06), 0 2px 8px rgba(15, 27, 38, .05);
  --sh-2: 0 10px 30px -10px rgba(15, 27, 38, .18);
  --sh-3: 0 30px 60px -20px rgba(15, 27, 38, .25);
  --ease: cubic-bezier(.22, 1, .36, 1);
  --t-fast: .2s; --t-mid: .45s; --t-slow: .9s;

  --header-h: 72px;
}
@media (max-width: 720px) { :root { --header-h: 60px; } }