/* =========================================================
   Дизайн-токены. Только переменные — никаких селекторов компонентов.
   Hex-цвета пишутся ТОЛЬКО здесь.
   ========================================================= */
:root {
  /* Цвета: фон и поверхности */
  --bg: #F6F4EF;
  --surface: #FFFFFF;
  --line: #E6E2D9;
  --line-soft: #EFECE5;
  --line-strong: #D9D5CB;

  /* Текст */
  --ink: #1E2230;
  --ink-2: #3B3F4C;
  --muted: #5E6270;

  /* Акцент */
  --accent: #4338CA;
  --accent-ink: #2E2899;
  --accent-soft: #ECEAFD;

  /* Смысловые цвета (текст / фон) */
  --high: #B42318;   --high-bg: #FDECEA;   --high-ink: #8F1C13;
  --mid: #8A5300;    --mid-bg: #FEF3DC;    --mid-ink: #4A3200;
  --low: #20683A;    --low-bg: #E7F4EC;    --low-ink: #174F2C;
  --info: #1D4E89;   --info-bg: #EAF1FA;   --info-line: #D6E2F2;
  --water-track: #E3ECF8;

  /* Шрифты */
  --font-display: "Unbounded", system-ui, sans-serif;
  --font-body: "Onest", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Размеры текста (rem: 1rem = 16px; растут вместе с системным шрифтом) */
  --fs-hero: clamp(1.5rem, 2vw + 1.125rem, 2.375rem);      /* 24 → 38 */
  --fs-question: clamp(1.375rem, 1.2vw + 1.0625rem, 1.75rem); /* 22 → 28 */
  --fs-h2: clamp(1rem, 0.5vw + 0.875rem, 1.25rem);        /* 16 → 20 */
  --fs-card-title: 1.125rem;  /* 18 */
  --fs-body: 0.9375rem;       /* 15 */
  --fs-body-lg: 1rem;         /* 16 */
  --fs-small: 0.875rem;       /* 14 */
  --fs-caption: 0.8125rem;    /* 13 */
  --fs-label: 0.75rem;        /* 12 */

  /* Отступы */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-7: 28px; --sp-8: 32px; --sp-10: 40px;

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

  /* Каркас */
  --page-pad: var(--sp-5);
  --content-max: 1080px;
  --sidebar-w: 240px;
  --tabbar-h: 68px;
  --tap: 44px; /* минимальный размер нажимаемой области */

  --focus-ring: 0 0 0 2px var(--surface), 0 0 0 4px var(--accent);
}