/*
  Primeautoparts Inc — токены дизайн-системы (v2)
  Референс визуального стиля: VIBOR (промышленный монохромный минимализм)
  Характер бренда: честный мастер-эксперт
  Эмоция: спокойствие и уверенность
  Ценности: честность, прозрачность, экспертиза
*/

:root {
  /* --- Цвет: монохром + точечный акцент --- */
  --color-black: #0A0A0A;
  --color-white: #FFFFFF;
  --color-bg-light: #F4F4F4;
  --color-gray: #8A8A8A;
  --color-gray-light: #D9D9D9;
  --color-text: #0A0A0A;
  --color-text-muted: #6B6B6B;
  --color-text-on-dark: #FFFFFF;

  /* Акцент — только для кнопок и ссылок-действий, точечно */
  --color-accent: #E8871E;
  --color-accent-hover: #C96F0F;

  --color-success: #2F7A45;

  /* --- Шрифты --- */
  /* Заголовки: индустриальный конденсированный гротеск (гаражные вывески/номерные знаки), ВЕРХНИЙ РЕГИСТР, широкий трекинг */
  --font-heading: "Oswald", "Arial Narrow", Arial, sans-serif;
  --weight-heading: 700;
  --tracking-heading: 0.06em;
  --tracking-hero: 0.03em;

  /* Текст: тот же гротеск, обычное начертание, без трекинга */
  --font-body: "Inter", "Helvetica Neue", Arial, sans-serif;
  --weight-body: 400;

  /* --- Типографическая шкала --- */
  --fs-hero: clamp(3rem, 12vw, 9rem);            /* гигантский wordmark в hero */
  --fs-h1: clamp(2rem, 5vw, 3rem);
  --fs-h2: clamp(1.5rem, 3.5vw, 2.25rem);
  --fs-h3: 1.125rem;
  --fs-giant-statement: clamp(2.5rem, 9vw, 6rem); /* центральный текстовый блок */
  --fs-body: 1rem;
  --fs-small: 0.875rem;

  --lh-heading: 1.05;
  --lh-body: 1.5;

  /* --- Отступы (шкала 8px) --- */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;
  --space-8: 140px;

  /* --- Радиусы и тени (минимум, в духе индустриального минимализма) --- */
  --radius-sm: 2px;
  --radius-md: 2px;
  --shadow-card: none;
  --border-thin: 1px solid var(--color-gray-light);
}