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

:root {
  /* --- Палитра (concept §1) --- */
  --c-blue:            #1A3D7C; /* основной темно-синий: хедер, AI-сообщения, заголовки */
  --c-blue-link:       #1A3D7C; /* ссылки и второстепенные акценты - тот же фирменный тёмно-синий,
                                  что и --c-blue. Прежний #2A6FED давал 4.57:1 на белом и всего
                                  4.26:1 на сером фоне футера (ниже порога AA 4.5). Решение
                                  оператора 09.07.2026: единый синий по всему сайту. */
  --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:    #1A3D7C; /* ссылка на --c-bg-soft: тот же тёмно-синий (9.77:1) */
  --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;                                  /* документ в превью */

  /* Размеры шрифта в rem, НЕ в px: иначе настройка «Размер шрифта» в браузере
     (Chrome → Внешний вид → Крупный) сайтом игнорируется. Для ЦА 45+ это
     основной способ увеличить текст - им пользуются чаще, чем зумом.
     База 16px: 1rem = 16px, значения совпадают с прежними пиксельными. */
  --fs-body:    1.0625rem;  /* 17px при базе 16 */
  --fs-small:   0.9375rem;  /* 15px */
  --fs-h1:      1.875rem;   /* 30px */
  --fs-h2:      1.4375rem;  /* 23px */
  --fs-h3:      1.1875rem;  /* 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:   1120px;
  --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; }
}