/* ============================================================
   tokens.css — дизайн-токены OTTS.BOT
   Источник: переменные .pen-файла (pencil get_variables) — БОЕВЫЕ значения.
   Менять цвета/шрифт ТОЛЬКО здесь — разойдётся по всему сайту.
   ============================================================ */

:root {
  /* --- Бренд --- */
  --brand:        #2563EB;
  --brand-dark:   #1D4ED8;   /* hover на синих кнопках */
  --brand-deep:   #1E40AF;

  /* --- Статусы --- */
  --error:        #DC2626;
  --error-soft:   #FEF2F2;
  --success:      #16A34A;
  --success-soft: #ECFDF5;
  --warning:      #D97706;   /* заглушки «// уточнить», премиум-заметки */
  --warning-soft: #FFFBEB;

  /* --- Поверхности --- */
  --surface:        #FFFFFF;
  --surface-muted:  #F8FAFC;  /* фон страницы, футер */
  --surface-subtle: #F1F5F9;  /* утилити-бар, чипы */

  /* --- Текст --- */
  --text-primary:  #0F172A;
  --text-secondary:#64748B;
  --text-on-brand: #FFFFFF;

  /* --- Акцент партнёрской карточки в hero главной ---
     Янтарь, а не второй бренд-цвет: это более яркая ступень уже живущего в
     системе --warning (#D97706), и на синем hero он даёт самую сильную пару по
     контрасту из всего, что у нас есть. Смысл тоже совпадает: карточка про
     деньги, и она единственная на первом экране, кому позволено спорить с
     брендовым синим. Используется ТОЛЬКО в .ppromo--hero (components.css) —
     остальные врезки партнёрки остаются синими.

     Полупрозрачные ступени лежат здесь же, а не россыпью rgba() по вёрстке:
     это тот же янтарь под альфой, и менять его надо в одном месте. */
  --amber:         #FBBF24;
  --amber-dark:    #F59E0B;               /* hover на янтарной кнопке */
  --amber-line:    rgba(251,191,36,.55);  /* рамка карточки и чипов */
  --amber-soft:    rgba(251,191,36,.16);  /* заливка чипов */
  --amber-text:    #FDE68A;               /* текст чипа на синем */
  --text-on-amber: #422006;               /* текст на сплошном янтаре */

  /* --- Границы --- */
  --border: #E2E8F0;

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

  /* --- Раскладка (десктоп; из Pencil) --- */
  --pad-x:       48px;    /* боковые поля шапки/футера */
  --content-max: 1344px;  /* 1440 − 2×48; шире 1440 контент не растягивается */
  --search-max:  880px;   /* ширина компонента поиска */
  --header-h:    80px;    /* высота главной строки шапки */
}