/* ============================================================
   SOLEMARE — дизайн-токены
   Всё, что можно перекрасить или пересобрать, живёт здесь.
   Фирменные цвета — из бренд-бука (assets/solemare-brand/brandbook.pdf).
   ============================================================ */

/* ШРИФТ ОСНОВНОГО ТЕКСТА

   Здесь были три объявления @font-face для Tilda Sans, но самих файлов
   в assets/fonts/ никто не присылал. Браузер честно ходил за ними на
   каждой загрузке и получал 404 — три лишних запроса, и всё равно
   текст рисовался запасным гротеском.

   Убраны до появления файлов. ТЗ просит основным шрифтом Helvetica —
   она и стоит первой в --font-body ниже, так что сейчас всё по ТЗ.

   ЕСЛИ ПОЯВЯТСЯ ФАЙЛЫ: положить TildaSans-Regular.woff2, -Medium.woff2
   и -Bold.woff2 в assets/fonts/, вернуть сюда три блока @font-face и
   дописать 'Tilda Sans' первой в --font-body. */

:root {
  /* --- Цвет: 3 фирменных + 3 производных, больше оттенков не вводим --- */
  --ink: #184183;          /* фирменный синий */
  --ink-deep: #102c5c;     /* производный: футер, оверлеи на фото */
  --sun: #fdc500;          /* фирменный жёлтый */
  --sun-deep: #e3ae00;     /* производный: hover CTA */
  --paper: #ffffff;        /* фирменный белый */
  --sand: #f7f4ed;         /* производный тёплый нейтральный: чередующиеся секции */

  --ink-70: color-mix(in oklch, var(--ink) 70%, transparent);
  --ink-45: color-mix(in oklch, var(--ink) 45%, transparent);
  --ink-12: color-mix(in oklch, var(--ink) 12%, transparent);
  --paper-70: color-mix(in oklch, var(--paper) 70%, transparent);

  /* --- Типографика --- */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body: 'Helvetica Neue', Helvetica, Arial, sans-serif;

  --t-hero: clamp(2.75rem, 7vw, 5.75rem);
  --t-h2: clamp(2rem, 4.2vw, 3.5rem);
  --t-h3: clamp(1.35rem, 2vw, 1.75rem);
  --t-stat: clamp(3rem, 6vw, 5rem);
  --t-lead: clamp(1.06rem, 1.5vw, 1.3rem);
  --t-body: clamp(1.0625rem, 1.15vw, 1.125rem);
  /* 14 px для второстепенного текста и 12 px для меток оказались мелковаты:
     метки идут капителью с большим трекингом, а это ещё сильнее теряет
     читаемость. Подняли до 15 и 13. */
  --t-small: 0.9375rem;
  --t-label: 0.8125rem;

  /* --- Ритм: база 8 --- */
  --s1: 8px;
  --s2: 16px;
  --s3: 24px;
  --s4: 40px;
  --s5: 64px;
  --s6: 96px;
  --s7: 128px;
  /* Отбивка секций: было clamp(72px, 10vw, 140px). На телефоне это давало
     144 px пустоты между каждой парой секций, и страница читалась
     бесконечной. Сократили примерно на четверть. */
  --section: clamp(54px, 7.5vw, 108px);
  --gutter: clamp(20px, 5vw, 64px);
  --maxw: 1280px;
  --maxw-text: 62ch;

  /* --- Форма: прямоугольная фотография читается дороже скруглённой --- */
  --r-card: 2px;
  --r-media: 0px;
  --r-input: 4px;
  --r-pill: 999px;

  /* --- Одна тень на весь проект --- */
  --shadow-lift: 0 20px 60px -24px color-mix(in oklch, var(--ink) 40%, transparent);

  /* --- Моушен --- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --fast: 200ms;
  --base: 400ms;
  --slow: 700ms;
}