/* ============================================================
   ТОКЕНЫ ДИЗАЙН-СИСТЕМЫ felix-site — ЕДИНСТВЕННЫЙ источник (2026-09-05).
   Подключается ПЕРВЫМ во всех шаблонах (до v3.css / инлайн-стилей страниц).
   Раньше копии :root жили в v3.css, contact-v3.ejs, format-detail.ejs, 404.ejs
   и расходились. Менять цвет — только здесь (+ бамп ?v= у tokens.css).
============================================================ */
:root {
  --cream:        #f5f3ee;
  --cream-dark:   #ede9e1;
  --white:        #ffffff;
  --gold:         #9a7a32;
  --gold-text:    #7d6428; /* мелкий золотой текст на СВЕТЛОМ фоне — WCAG AA (4.6:1); на тёмном — --gold-mid */
  --gold-mid:     #b89040;
  --gold-btn:     #8d6f2d; /* фон кнопок с белым текстом: белый на --gold 4.04:1 < AA, здесь 4.73:1 */
  --gold-pale:    rgba(154,122,50,0.12);
  /* Светлое золото для знаков НА ТЁМНОЙ подложке: на --dark 10.6:1, на --red 4.5:1.
     Значение жило тут же под ролевым именем --gold-on-red; с 2026-09-19 у него
     появился второй носитель (рамка и шеврон стрелок отзывов на ониксе), поэтому
     краска названа по сути, а прежняя роль указывает на неё. Хекс — один. */
  --gold-bright:  #e6c77a;
  --red:          #a61e1e; /* хлястик «Ещё» (Босс 2026-09-06) */
  --red-dark:     #8e1b1b;
  --gold-on-red:  var(--gold-bright); /* золотая надпись на красном — 4.5:1 (AA), на --red-dark 5.5:1 */
  --dark:         #1c1a16;
  --mid:          #4a4640;
  --soft:         #6b655c; /* затемнён для контраста WCAG AA на кремовом фоне (было #8a8480 ≈3.3:1 → ~4.8:1) */
  --border:       rgba(28,26,22,0.10);
  --border-gold:  rgba(154,122,50,0.28);
  --radius:       3px;

  /* ── ГЕОМЕТРИЯ КНОПОК (2026-09-18) ───────────────────────────────────────
     До этого в токенах были только цвета и --radius, поэтому каждая новая
     кнопка была вынуждена переписывать паддинги и кегль числами заново —
     накопилось 10 наборов паддингов, 11 ступеней кегля, 6 разрядок и 7 радиусов.
     Размер кнопок меняем ТОЛЬКО здесь. Сами роли — раздел BUTTONS в v3.css. */
  --btn-py:       20px;    /* базовый размер: секционные CTA, формы */
  --btn-px:       48px;
  --btn-font:     0.85rem;
  --btn-py-md:    18px;    /* карточки: две кнопки помещаются в ряд */
  --btn-px-md:    40px;
  --btn-font-md:  0.8rem;
  --btn-py-sm:    14px;    /* тесные места */
  --btn-px-sm:    28px;
  --btn-font-sm:  0.72rem;
  --btn-py-xs:    11px;    /* виджеты и мобильная панель */
  --btn-px-xs:    16px;
  --btn-font-xs:  0.62rem;
  --btn-weight:   600;
  --btn-ls:       0.15em;  /* разрядка крупных */
  --btn-ls-sm:    0.12em;  /* разрядка мелких — иначе надпись «рассыпается» */
  --btn-bw:       1.5px;   /* толщина рамки: есть у всех, у залитых прозрачная */
  --btn-ease:     0.22s;
  --btn-lift:     -2px;    /* подъём под курсором */
  --btn-press:    1px;     /* просадка при нажатии (:active) */
  --btn-shadow:   0 6px 20px rgba(154,122,50,0.35);
  /* Токена «минимальная зона нажатия» здесь СОЗНАТЕЛЬНО нет: объявить его и не
     применить — значит записать в дизайн-систему обещание, которого код не
     держит. Кнопки канона и так выше 44px; мелкие некнопочные цели (стрелки
     календаря, крестик лайтбокса, бургер) — в бэклоге отдельным пунктом. */
}