/* Дизайн-токены — «Точёная сталь».
   Тёплая слоновая кость + графит + холодная сталь + латунь.
   Один источник правды для цвета, типографики и ритма. */

:root {
  /* Цвет */
  --bg: #f7f4ee;
  --bg-alt: #f0ebe0;
  --bg-alt-2: #e9e2d3;
  --surface: #ffffff;
  --ink: #24272b;
  --ink-soft: #55595f;
  --ink-faint: #83878d;
  --steel: #9aa5ac;
  --steel-dark: #6c7680;
  --brass: #a97f45;
  --brass-soft: #c9a668;
  --brass-ink: #6f4f28;
  --line: #ddd6c7;
  --line-soft: #e8e2d4;

  /* Типографика */
  --font-display: 'Alegreya', 'Georgia', serif;
  --font-caps: 'Alegreya SC', 'Alegreya', serif;
  --font-body: 'Onest', -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'Consolas', monospace;

  --fs-hero: clamp(2.6rem, 5.2vw + 1rem, 5rem);
  --fs-h2: clamp(1.9rem, 2.4vw + 1rem, 2.75rem);
  --fs-h3: clamp(1.25rem, 1vw + 1rem, 1.6rem);
  --fs-lead: clamp(1.05rem, 0.4vw + 0.9rem, 1.25rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-caps: 0.8125rem;

  /* Ритм / контейнер */
  --container: 1180px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --section-pad: clamp(4rem, 8vw, 7.5rem);
  --radius: 2px;

  /* Тень — используется скупо, только для приподнятых карточек */
  --shadow-soft: 0 1px 2px rgba(36, 39, 43, 0.04), 0 12px 32px -16px rgba(36, 39, 43, 0.18);
  --shadow-lift: 0 20px 48px -20px rgba(36, 39, 43, 0.28);

  /* Тайминги анимаций */
  --ease-blade: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 0.22s;
  --dur-med: 0.5s;
  --dur-slow: 0.9s;
}

@media (prefers-color-scheme: dark) {
  /* Бренд-бриф явно требует светлый, сдержанный сайт — сохраняем
     светлую тему намеренно даже при тёмной системной, чтобы не терять
     ощущение слоновой кости и латуни, на котором строится дизайн. */
  :root {
    color-scheme: light;
  }
}