/* ABCD — токены дизайн-системы «Digital Violet». Библиотека: подключать первой, менять значения только здесь.
   Один хроматический цвет (--color-primary) + чёрный, белый и серые; оттенки фиолетового — только через color-mix/rgba. */
:root {
  /* цвета — ровно из брифа */
  --color-primary: #7437D5;
  --color-primary-hover: color-mix(in srgb, var(--color-primary) 88%, #17151B);
  --color-primary-soft: color-mix(in srgb, var(--color-primary) 9%, #FFFFFF);
  --color-primary-ring: color-mix(in srgb, var(--color-primary) 35%, transparent);
  --color-on-primary: #FFFFFF;
  --color-bg: #FAFAFC;
  --color-text: #17151B;
  --color-card: #FFFFFF;
  --color-border: #E8E7ED;
  --color-muted: #686570;

  /* скругления */
  --radius-tile: 12px;
  --radius-button: 14px;
  --radius-field: 12px;
  --radius-card: 20px;
  --radius-pill: 999px;

  /* тени — мягкие, короткие */
  --shadow-tile: 0 4px 10px rgba(116, 55, 213, 0.30);
  --shadow-button: 0 6px 16px rgba(116, 55, 213, 0.26);
  --shadow-card: 0 10px 30px rgba(23, 21, 27, 0.06);
  --shadow-pop: 0 18px 40px rgba(23, 21, 27, 0.16);

  /* отступы (шкала 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;

  /* шрифты: заголовки — Noto Sans Georgian ExtraBold (800), текст — Regular (400); стек задаёт страница языка */
  --font-sans: "Noto Sans Georgian", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-heading: var(--font-sans);
  --font-body: var(--font-sans);
  --weight-regular: 400;
  --weight-medium: 600;
  --weight-heading: 800;

  /* размеры текста */
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-md: 18px;
  --text-lg: 22px;
  --text-xl: 28px;
  --text-h1: clamp(34px, 9vw, 60px);

  /* раскладка и доступность */
  --content-max: 1120px;
  --gutter: 20px;
  --tap-min: 44px;
  --focus-ring: 0 0 0 3px var(--color-primary-ring);

  /* движение */
  --duration-flip: 9s;
  --duration-fast: 150ms;
}