/* base.css - the page's ground (2026-09-08): the document, its type, scrollbars, focus and selection.
   Loaded after tokens.css. Everything here is a token; nothing is a colour. */
body, html { margin: 0; padding: 0; height: 100%; font-family: var(--font-ui); background-color: var(--bg-primary); color: var(--text-primary); -webkit-font-smoothing: antialiased; transition: background-color .3s, color .3s; }
code, pre, kbd, samp { font-family: var(--font-mono); }
a { color: var(--c-model); }
::selection { background: var(--accent-bg-hover); color: var(--text-primary); }
:focus-visible { outline: 1px solid var(--text-tertiary); outline-offset: 1px; }
/* scrollbars: thin, quiet, the page's own colours */
* { scrollbar-width: thin; scrollbar-color: var(--bg-quaternary) transparent; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: var(--bg-quaternary); border-radius: 4px; border: 2px solid transparent; background-clip: padding-box; }
*::-webkit-scrollbar-thumb:hover { background: var(--text-quaternary); background-clip: padding-box; }