/* ============================================================
   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;

  /* --- Границы --- */
  --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;    /* высота главной строки шапки */
}