/* Токены. Меняй цвета, шрифт и отступы здесь — остальной CSS подхватит. */
:root {
  --white: #ffffff;
  --black: #0a0a0a;
  --ink: #0a0a0a;
  --ink-soft: #3a3a3a;
  --muted: #6a6a6a;
  --line: #e8e8e8;
  --bg: var(--white);
  --header-bg: var(--white);
  --header-h: 3.75rem;
  --max: 76rem;
  --pad-x: clamp(1.15rem, 4vw, 2.75rem);
  --section-y: clamp(4.5rem, 10vw, 8rem);
  --touch: 44px;
  --radius-pill: 999px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --font: "Geist", system-ui, -apple-system, sans-serif;
  --font-display: "Geist", system-ui, -apple-system, sans-serif;
  --fs-display: clamp(3.1rem, 11vw, 8rem);
  --fs-h2: clamp(2rem, 5vw, 3.5rem);
  --fs-h3: clamp(1.15rem, 2vw, 1.45rem);
  --fs-body: clamp(0.95rem, 1.4vw, 1.05rem);
  --fs-small: 0.82rem;
}

@media (min-width: 768px) {
  :root {
    --header-h: 4rem;
  }
}