/**
 * Дизайн-токены лендинга (фаза 0), извлечены из макета Figma «Сайт Автосервис».
 * Подключать после normalize.css, до style.css.
 */
:root {
  /* Цвета */
  --color-bg-page: #8c8c8c;
  --color-surface: #ffffff;
  --color-surface-muted: #d9d9d9;
  --color-footer: #000000;
  --color-header-bar: #000000;
  --color-header-nav: #ffffff;
  --color-text: #000000;
  --color-text-muted: #727272;
  --color-accent: #80011f;
  --color-hero-overlay: rgba(178, 178, 178, 0.46);
  --color-border-input: #727272;
  --color-icon-bg: #d5c6c9;

  /* Типографика (загрузить шрифты в assets/fonts или через Google Fonts на фазе 5) */
  --font-display: "Fascinate Inline", cursive;
  --font-body: "Ek Mukta", sans-serif;

  --font-size-xs: 20px;
  --font-size-ui: 32px;
  --font-size-nav: 36px;
  --font-size-header-nav: 18px;
  --font-size-heading-sm: 48px;
  --font-size-heading-md: 50px;
  --font-size-heading-lg: 64px;
  --font-size-hero-accent: 96px;

  --font-weight-display: 900;
  --font-weight-body: 400;

  --line-height-tight: 1.326171875;
  --line-height-body: 1.662;

  /* Радиусы */
  --radius-button: 22px;
  --radius-form-panel: 30px;
  --radius-service-card: 46px;

  /* Макет */
  --layout-max-width: 1440px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;

  /* Отступы (базовая сетка; детализация по секциям на фазе 5) */
  --space-unit: 8px;
  --space-section: 96px;
}