/*
 * Глобальные дизайн-токены для ugor.ru.
 * Новые и доработанные компоненты должны использовать эти переменные
 * вместо жёстко заданных значений.
 */
:root {
  /* Цвета */
  --main-color: #95357b;
  --color-text: #000000;
  --color-text-muted: #858585;
  --color-surface: #ffffff;
  --color-surface-muted: #f0f2f7;
  --color-stroke: #c9c9c9;

  /* Совместимые имена переменных, используемые в существующих стилях */
  --bg-gray: var(--color-surface-muted);
  --bg-stroke: var(--color-stroke);

  /* Шкала скруглений */
  --radius-8: 8px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-20: 20px;
  --radius-24: 24px;

  /* Шкала размеров и отступов */
  --control-height: 50px;
  --header-height-mobile: 70px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --page-padding-mobile: 15px;
}