/* =============================================
   TOKENS — Project N / nataivanova.ru
   Единственный файл, где разрешены hex-цвета.
   ============================================= */

:root {
  /* Палитра */
  --warm-white: #f7f4f6;
  --cream: #f0eaed;
  --sand: #e2d6da;
  --dusty-pink: #bc7a89;
  --dusty-pink-dark: #a86a79; /* hover-оттенок dusty-pink */
  --rose: #b8919a;
  --sage: #8a9e8c;
  --dark: #1a1612;
  --mid: #7a6b61;
  --muted: #7b6c60; /* затемнён с #9a8878 до WCAG AA (4.6:1 на warm-white), 2026-07-02 */
  --white: #ffffff;

  /* Семантические токены — смысловые индикаторы */
  --c-negative: #e24b4a;        /* «как не надо» в блоке method-card */
  --c-positive: #639922;        /* «как лучше» в блоке method-card */
  --c-negative-bg: #fdf2f2;     /* фон блока «как не надо» в art-compare */
  --c-negative-border: #d9a0a0; /* бордер блока «как не надо» в art-compare */
  --c-negative-text: #c09090;   /* текст метки «как не надо» в art-compare */
  --c-positive-bg: #f2f6f2;     /* фон блока «как лучше» в art-compare */
  --sage-bg: #E3ECE4;           /* фоновый вариант sage — why-item--sage */

  /* Радиусы */
  --radius-sm: 2px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 20px;

  /* Лэйаут */
  --container: 1280px;
  --gap: 24px;
}