/* Стиль оформления «Контрастный» = «Спокойный» (style-calm.css) + тёмные главные кнопки (2026-10-14, вариант 3 из
   ui-variants-buttons.html). Действует при классе st-contrast на <html> (вместе с st-calm). Главное действие —
   цветом текста (в тёмной теме светлое), синий остаётся для ссылок, выбора и фокуса. Вторичные и опасные кнопки —
   как в «Спокойном». Каждый селектор начинается с :where(.st-contrast). */
:where(.st-contrast) .btn{ background: var(--ink); color: var(--paper); border: 0; box-shadow: none; transition: background .15s, box-shadow .15s, transform .1s; }
:where(.st-contrast) .btn:hover{ background: rgba(var(--ink-rgb), .82); color: var(--paper); box-shadow: none; transform: none; }
:where(.st-contrast) .btn:active{ background: rgba(var(--ink-rgb), .72); box-shadow: none; transform: scale(.98); }
:where(.st-contrast) .btn:focus-visible{ outline: 2px solid var(--accent); outline-offset: 2px; }
:where(.st-contrast) .btn:disabled, :where(.st-contrast) .btn.disabled{ opacity: 1; background: rgba(var(--ink-rgb), .05); color: rgba(var(--ink-rgb), .35); box-shadow: none; transform: none; }
:where(.st-contrast) .nav-kbd{ border-color: color-mix(in srgb, currentColor 40%, transparent); }
/* крупный выбор в диалогах (askChoice) — главный вариант тоже тёмный */
:where(.st-contrast) .dlg-choice.primary{ background: var(--ink); border-color: var(--ink); color: var(--paper); box-shadow: none; }
:where(.st-contrast) .dlg-choice.primary:hover, :where(.st-contrast) .dlg-choice.primary:focus-visible{ background: rgba(var(--ink-rgb), .85); border-color: transparent; box-shadow: 0 0 0 3px var(--accent-soft); }
:where(.st-contrast) .dlg-choice.primary .dlg-choice-h{ color: color-mix(in srgb, var(--paper) 80%, transparent); }