/* ============================================================
   tokens.css — дизайн-токены подай-жалобу.рф
   Источник: concept_fakedoor_B §1 (визуальная система).
   Значения зафиксированы концепцией — не менять без правки concept.
   ============================================================ */

:root {
  /* --- Палитра (concept §1) --- */
  --c-blue:            #1A3D7C; /* основной тёмно-синий: хедер, AI-сообщения, заголовки */
  --c-blue-link:       #2A6FED; /* вспомогательный: ссылки, второстепенные акценты */
  --c-cta:             #FF6633; /* CTA-оранжевый: ТОЛЬКО главные кнопки действия */
  --c-bg:              #FFFFFF; /* фон основной */
  --c-bg-soft:         #F5F7FA; /* фон вторичный: карточки, чат, футер */
  --c-text:            #1B2733; /* текст основной (мягкий чёрный, не #000) */
  --c-text-muted:      #595959; /* текст вторичный (контраст WCAG AA >= 4.5:1) */
  --c-success:         #1FA971; /* успех/галочки — ТОЛЬКО иконки и крупные элементы (контраст 3.01 — не для текста) */
  --c-success-text:    #0F7A4A; /* зелёный ТЕКСТ (5.38:1 на белом, 5.01 на soft ✓) */
  --c-danger:          #D32F2F; /* тревога/ошибка — НИКОГДА не на CTA */
  --c-border:          #E2E8F0; /* ТОЛЬКО декоративные границы карточек (1.23:1 — не для полей) */

  /* --- Контрастные роли (WCAG 2.2; проверено расчётом) --- */
  --c-on-cta:          #1B2733; /* текст на оранжевом CTA = основной текст сайта (5.2:1 ✓).
                                   Белый давал 2.92 — отклонён; решение оператора 13.06.2026. */
  --c-link-on-soft:    #245FCC; /* ссылка на --c-bg-soft (5.46:1; обычный #2A6FED на soft = 4.26 — мало) */
  --c-border-control:  #7A8797; /* границы полей, чекбоксов, фокус-рамка (3.66:1 — UI-контраст проходит) */
  --c-focus:           #1A3D7C; /* видимое кольцо фокуса (клавиатурная навигация) */
  --c-cta-hover:       #F45F30; /* hover CTA — текст #1B2733 даёт 4.71:1 ✓ (мой прежний #E85A2C давал 4.28 — провал) */
  --c-cta-active:      #F15B2A; /* active CTA — 4.53:1 ✓ (прежний #D9521F давал 3.74 — провал) */

  /* ЗАПРЕЩЕНО (для памяти, не использовать): чистый красный #FF0000,
     ядовито-зелёный, фиолетовые градиенты, corporate-memphis. */

  /* --- Типографика (concept §1) --- */
  --font-ui:    "Golos Text", "PT Root UI", "Manrope", sans-serif;  /* self-hosted */
  --font-doc:   "PT Serif", serif;                                  /* документ в превью */

  --fs-body:    17px;  /* body 16 min, оптимум 17–18 */
  --fs-small:   15px;
  --fs-h1:      30px;  /* H1 28–32 */
  --fs-h2:      23px;  /* H2 22–24 */
  --fs-h3:      19px;
  --lh-body:    1.5;
  --lh-head:    1.25;

  /* --- Отступы (шкала 4px) --- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;

  /* --- Радиусы --- */
  --r-sm: 8px;
  --r-md: 10px;  /* кнопки 10–12 */
  --r-lg: 12px;

  /* --- Тач-зоны (concept §1) --- */
  --h-cta:       56px; /* главный CTA */
  --h-control:   52px; /* вторичные: chips, поля, кнопки чата (48–56) */

  /* --- Контейнер (мобайл-first, лендинг ~5 экранов скролла) --- */
  --container:   720px;
  --gutter:      20px;

  /* --- Переходы (минимум анимации, 200–300ms) --- */
  --t-fast: 200ms ease;
  --t-mid:  300ms ease;
}

/* Уважение к reduced-motion (quality floor из frontend-design skill) */
@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: 0ms; --t-mid: 0ms; }
}