/* Токены дизайн-системы (спецификация docs/roadmap/specs/02-design-system.md).
   Все размеры интерфейса — отсюда. Числа предварительные, утверждаются на эталонных экранах.
   Один файл на сайт и эталон (новая витрина, часть 1, 01.10.2026: эталон читает его отсюда, второй копии
   чисел нет); панель и пульт перейдут на него в шаге 5.8. Цвета — не здесь: они роли темы. */
:root {
  /* Отступы — шкала 4 */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;

  /* Размеры деталей: соседи в одной строке — одного класса высоты */
  --control-lg: 48px; --control-md: 40px; --control-sm: 32px;
  --tap: 44px;              /* наименьшая цель касания на телефоне */
  --icon-button: 48px;
  --icon-sm: 16px; --icon-md: 20px; --icon-lg: 24px;

  /* Скругления */
  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 24px; --radius-pill: 999px;

  /* Тени — три уровня, больше не бывает */
  --shadow-1: 0 1px 2px rgb(38 32 25 / 0.06), 0 4px 12px rgb(38 32 25 / 0.06);
  --shadow-2: 0 8px 24px rgb(38 32 25 / 0.12);
  --shadow-3: 0 24px 64px rgb(38 32 25 / 0.2);

  /* Слои */
  --z-base: 0; --z-raised: 1; --z-above: 2;   /* слои внутри одной детали: подложка, текст над ней */
  --z-sticky: 10; --z-header: 20; --z-cartbar: 30; --z-dropdown: 40;
  --z-dialog: 50; --z-toast: 60; --z-cookie: 70;

  /* Шрифт: размеры (телефон; планшет и ПК — ниже) */
  --text-xs: 12px; --text-sm: 14px; --text-md: 15px; --text-lg: 17px;
  --title-sm: 18px; --title-md: 20px; --title-lg: 24px; --title-xl: 32px;
  --text-hero: clamp(32px, 5vw, 64px);
  --leading-text: 1.5; --leading-title: 1.2;
  --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700;

  /* Движение: спокойно, без отскоков */
  --motion-fast: 120ms; --motion-base: 200ms; --motion-slow: 320ms; --motion-decor: 600ms;
  --ease: cubic-bezier(0.2, 0, 0, 1);

  /* Раскладка */
  --page-max: 1440px; --column-max: 768px; /* колонка для чтения: лента, статья, вакансия, «О нас», корзина, вход */
  --gutter: 16px; --cart-width: 336px; --cartbar-max: 460px; --menu-max: 400px;
  --header-row1: 56px; --context-card-h: 64px; --categories-h: 52px;
  --logo-box-w: 140px; --logo-box-h: 40px;
}

@media (min-width: 768px) {
  :root { --gutter: 24px; --text-md: 16px; --text-lg: 18px; --context-card-h: 72px; }
}

@media (min-width: 1100px) {
  :root {
    --gutter: 32px;
    --title-sm: 20px; --title-md: 24px; --title-lg: 32px; --title-xl: 40px;
    --header-row1: 72px; --categories-h: 52px;
    --logo-box-w: 200px; --logo-box-h: 56px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root { --motion-fast: 0ms; --motion-base: 0ms; --motion-slow: 0ms; --motion-decor: 0ms; }
}