/* ============================================================
   Дизайн-токены «Рядом» · v1.0 · 21.08.2026
   Источник: Бренд-платформа v1.0 + контраст-аудит WCAG 2.1 AA.
   Единственный источник цвета и типографики для web и приложения.
   ============================================================ */
:root{
  /* ---- Цвет: бренд ---- */
  --color-plum:      #7B5C78; /* интерфейсная слива: кнопки, акценты (крем на ней 5.3:1 ✓) */
  --color-plum-hover:#6C4F69; /* hover/active интерфейсной сливы */
  --color-plum-logo: #5C4059; /* глубокая слива ТОЛЬКО для логотипа и знака (айдентика v0.95) */
  --color-plum-text: #4A3348; /* сливовый ТЕКСТ на креме (10.4:1 ✓) */
  --color-rose:      #D8A0A6; /* роза UI: поверхности, теги. НЕ для текста (2.5:1) */
  --color-rose-mark: #C98F96; /* роза-знак: графика логотипа, декор ≥24px */
  --color-rose-soft: #F3E3E5; /* нежная розовая подложка */
  --color-terra:     #C97C5D; /* терракота: акцент, точка присутствия. НЕ для текста (2.97:1) */

  /* ---- Цвет: нейтральные ---- */
  --color-cream:     #FAF5EF; /* фон всех поверхностей вместо белого */
  --color-white:     #FFFFFF; /* карточки на креме */
  --color-ink:       #372F35; /* основной текст (11.95:1 ✓) */
  --color-ink-soft:  #5E5560; /* вторичный текст (6.6:1 ✓) */
  --color-line:      #E8DFE3; /* тонкие границы карточек */

  /* ---- Цвет: статусы (семантика продукта) ---- */
  --color-success:      #5F8D6B; /* фон/иконки «спокойно»; текст на нём — крем, только крупный/UI */
  --color-success-text: #456E52; /* зелёный ТЕКСТ на креме (4.9:1 ✓) */
  --color-warning:      #D9A441; /* фон «внимание»; текст на нём — графит (5.8:1 ✓) */
  --color-warning-text: #8A6410; /* янтарный ТЕКСТ на креме */
  --color-danger:       #C15B4E; /* ТОЛЬКО safety-сценарии. Никогда как декор */
  --color-danger-text:  #A8443A; /* красный ТЕКСТ на креме (4.6:1 ✓) */

  /* ---- Типографика ---- */
  --font-brand: "Lora","PT Serif",Georgia,serif;        /* голос бренда: заголовки, цитаты */
  --font-body:  "Golos Text","Segoe UI",system-ui,sans-serif; /* рабочая речь: всё остальное */
  --fs-h1:   clamp(34px, 6vw, 56px);
  --fs-h2:   clamp(26px, 4vw, 36px);
  --fs-lead: clamp(18px, 2.4vw, 21px);
  --fs-body: 17px;   /* беременность дружит с усталыми глазами: не мельче 16 */
  --fs-small:15px;

  /* ---- Геометрия ---- */
  --radius-card: 16px;
  --radius-ctrl: 10px;
  --radius-pill: 999px;
  --sp-1:4px; --sp-2:8px; --sp-3:14px; --sp-4:20px;
  --sp-5:28px; --sp-6:40px; --sp-7:56px; --sp-8:80px;
  --maxw: 1080px;

  /* ---- Движение ---- */
  --t-fast: 160ms ease;
  --t-calm: 320ms ease; /* «спокойная уверенность»: ничего не дёргается */
}
/* Правила применения (из Бренд-платформы v1.0):
   1. Красный — исключительно safety. Увидела красный = это граница, не украшение.
   2. Роза и терракота не используются для текста мельче 24px.
   3. Один акцент на экран; анимация только --t-calm/--t-fast, без пружин.
   4. Тексты статусов на креме — только *-text варианты токенов.
   5. Глубокая слива #5C4059 — исключительно графика логотипа; поверхности
      и контролы интерфейса используют светлую #7B5C78 (решение итерации
      лендинга v1.2: «легче и воздушнее»).                                */