:root {
  --color-bg-dark: #000000;
  --color-bg-dark-soft: #121212;
  --color-bg-cream: #FDF0E0;
  --color-accent: #E85C4A;
  --color-accent-hover: #d04a3a;
  --color-text-light: #F3EFE0;
  --color-text-dark: #1a1a1a;
  --color-text-muted: #888888;
  --color-border-gold: #C4A574;
  --color-border-light: rgba(243, 239, 224, 0.25);
  --font-heading: 'Oswald', 'Arial Narrow', sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --container-max: 1200px;
  /* Высота шапки была зашита в четырёх местах: .header__inner, отступ
     .hero, scroll-margin якорей и .nav.open в responsive. Теперь одна
     переменная, а смещение якоря считается от неё. */
  --header-h: 72px;
  --anchor-offset: 88px;
  --section-padding-y: 80px;
  --section-padding-x: 24px;
  --btn-radius: 4px;
  --btn-padding: 14px 32px;
}