/* ═══════════════════════════════════════════════════════════════════
   THE CONSTRUCT — BASE LAYER · v2.1 · PRODUCTION
   Canonical base styles shared by every surface: selection, focus,
   scrollbar. Import after tokens.css, before the surface's own sheet:
   <link rel="stylesheet" href="design/tokens.css" />
   <link rel="stylesheet" href="design/base.css" />
   Split out of the page sheets 2026-07 (DLS v2.1) — design-side canon
   is design-system/construct-base.css; converge verbatim per bundle.
   ═══════════════════════════════════════════════════════════════════ */

::selection { background: rgba(251,236,200,.16); color: var(--n0); }
:focus-visible { outline: 1px solid var(--n2); outline-offset: 3px; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--bg-0); }
::-webkit-scrollbar-thumb { background: var(--n4); border: 3px solid var(--bg-0); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: var(--n3); }