/* Общие правила страницы: фон, ссылки, выделение, фокус, полосы прокрутки.
   Цвета — токены из css/theme.css (подключается раньше).
   Остальные стили — в атрибутах style разметки: их значения зависят от раскладки
   (телефон/десктоп) и подставляются логикой страницы. */
body{margin:0;background:var(--shell);caret-color:var(--ink)}
a{color:var(--ink);text-decoration:none}
a:hover{color:var(--text2)}
[data-hdr] a{color:var(--shell-ink)}
[data-hdr] a:hover{color:var(--shell-text2)}
::selection{background:var(--ai-p);color:var(--ink)}
*{scrollbar-width:thin;scrollbar-color:rgba(var(--ink-rgb),.35) transparent}
html{scrollbar-color:rgba(var(--shell-ink-rgb),.35) transparent}
:focus{outline:none}
:focus-visible{outline:2px solid var(--focus,var(--ink));outline-offset:3px}
/* Обводка фокуса рисуется вокруг элемента, по тому, что под ним: на оболочке
   (шапка и части с data-shell) — цветом текста оболочки, на содержимом — как днём. */
[data-hdr],[data-shell]{--focus:var(--shell-ink)}
button{font:inherit}
@media (prefers-reduced-motion: reduce){*{transition-duration:.15s!important;animation:none!important}
}