/* Токены оформления витрины.
   Сейчас — в стиле kadriyaweb.ru. Когда будет готова дизайн-система,
   меняем значения здесь: страницы и компоненты используют только эти переменные. */
:root {
  --font: 'Geologica', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;

  --c-bg: #ffffff;
  --c-bg-soft: #fafafa;
  --c-ink: #1a1a1a;
  --c-ink-2: rgba(26, 26, 26, .6);
  --c-line: rgba(26, 26, 26, .1);
  --c-accent: #b8952a;
  --c-accent-soft: rgba(184, 149, 42, .12);
  --c-accent-ink: #8a6d17;
  --c-dark: #1a1a1a;
  --c-on-dark: #ffffff;
  --c-on-dark-2: rgba(255, 255, 255, .6);
  --c-on-dark-line: rgba(255, 255, 255, .14);

  --r-card: 28px;
  --r-pill: 52px;
  --r-sm: 16px;

  --fs-h1: clamp(34px, 5vw, 56px);
  --fs-h2: clamp(26px, 3.2vw, 36px);
  --fs-h3: 22px;
  --fs-lead: clamp(18px, 1.6vw, 21px);
  --fs-body: 17px;
  --fs-small: 14px;

  --sp-section: clamp(56px, 8vw, 104px);
  --container: 1200px;
  --gutter: 16px;
  --shadow: 0 12px 32px rgba(26, 26, 26, .06);
}