/* Дизайн-токены платформы: единственный источник правды о цвете, типографике,
   сетке, отступах, радиусах, тенях и движении.
   Палитра — продолжение vladimir-kkkkk.com: тёплый почти-белый фон,
   чернильный текст, синий акцент. */

:root {
  /* Цвет */
  --color-bg: #f1efe9;           /* фон страницы, как на референсе */
  --color-surface: #fbfaf7;      /* поверхность карточек и полей */
  --color-ink: #131313;          /* основной текст */
  --color-ink-muted: #5a5a5a;    /* вторичный текст */
  --color-ink-soft: #6b6b6b;     /* подписи и мета */
  --color-accent: #228be6;       /* декоративный акцент: цифры, крупные элементы */
  --color-accent-deep: #1971c2;  /* заливки кнопок (белый текст проходит AA) */
  --color-accent-ink: #1864ab;   /* текстовые акценты и ховеры на светлом фоне, AA */
  --color-accent-soft: rgba(34, 139, 230, 0.1);
  --color-line: #dcd8cc;         /* хайрлайны */
  --color-line-strong: #c9c4b5;
  --color-line-accent: #228be6;  /* акцентный хайрлайн (граница шапки) */
  --color-text-on-accent: #ffffff; /* текст на синих заливках */
  --color-success: #217031;      /* текст на success-soft, контраст >= 4.5:1 */
  --color-success-soft: rgba(43, 138, 62, 0.12);
  --color-danger: #c92a2a;
  --color-danger-soft: rgba(201, 42, 42, 0.08);
  --color-warn: #8a5a00;         /* текст на warn-soft, контраст >= 4.5:1 */
  --color-warn-soft: rgba(158, 112, 2, 0.12);

  /* Шрифт */
  --font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Типографическая шкала (clamp) */
  --step--1: 0.875rem;   /* 14px: подписи, мета */
  --step-0: 1rem;        /* 16px: база */
  --step-1: clamp(1.125rem, 1.056rem + 0.296vw, 1.3125rem);  /* 18-21: лид, заголовки карточек */
  --step-2: clamp(1.375rem, 1.229rem + 0.593vw, 1.75rem);    /* 22-28: цифры недель */
  --step-3: clamp(1.75rem, 1.417rem + 1.389vw, 2.625rem);    /* 28-42: заголовки секций */
  --step-4: clamp(2.625rem, 1.75rem + 3.667vw, 4.5rem);      /* 42-72: главный заголовок */

  /* Отступы (clamp-шкала) */
  --space-2xs: 0.375rem;
  --space-xs: 0.625rem;
  --space-s: 1rem;
  --space-m: 1.5rem;
  --space-l: clamp(2rem, 1.75rem + 1vw, 3rem);
  --space-xl: clamp(3rem, 2.5rem + 2vw, 5.5rem);
  --space-2xl: clamp(4.5rem, 3.25rem + 5vw, 9rem);

  /* Сетка */
  --container: 72rem;
  --container-text: 44rem;
  --gutter: clamp(1.25rem, 0.9rem + 1.5vw, 2.5rem);
  --grid-gap: clamp(1rem, 0.85rem + 0.6vw, 1.75rem);

  /* Радиусы */
  --radius-s: 10px;
  --radius-m: 16px;
  --radius-l: 24px;
  --radius-pill: 999px;

  /* Тени */
  --shadow-s: 0 1px 2px rgba(19, 19, 19, 0.05);
  --shadow-m: 0 14px 36px -14px rgba(19, 19, 19, 0.22);
  --shadow-accent: 0 12px 28px -12px rgba(25, 113, 194, 0.5);

  /* Движение */
  --ease-out-soft: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-1: 160ms;
  --dur-2: 280ms;
  --dur-3: 600ms;

  /* Слои */
  --z-header: 50;
}