/* Дизайн-токены: цвета, шрифты, размеры */
/* Эти значения мы будем заполнять из Figma */

:root {
  /* Цвета из макета */
  --color-bg: #ffffff;
  --color-bg-light: #F2F2F2;
  --color-text: #111111;
  --color-text-muted: #666666;
  --color-primary: #5941F2;
  --color-primary-mid: #7663F2;
  --color-primary-light: #ABA0F2;
  --color-primary-hover: #4a35d4;
  --color-border: #e5e5e5;

  /* Шрифты */
  --font-main: 'Inter', system-ui, -apple-system, sans-serif;
  --font-heading: 'Inter', system-ui, -apple-system, sans-serif;

  /* Размеры шрифта */
  --fs-h1: 48px;
  --fs-h2: 36px;
  --fs-h3: 24px;
  --fs-body: 16px;
  --fs-small: 14px;

  /* Отступы (шаг 4px) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;

  /* Скругления */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 999px;

  /* Тени */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);

  /* Контейнер */
  --container-max: 1200px;
  --container-padding: 24px;
}