/* base.css — document-level defaults shared across pages: reset, body, the
   shared container, links, hidden helper and global focus behaviour. Depends on
   tokens.css. Holds no components and no page layout. */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);min-height:100vh}
body{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}
a{color:var(--gold);text-decoration:none}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--sp-5)}
[hidden]{display:none!important}

/* Global keyboard-focus affordance. Pointer focus stays quiet; keyboard focus is
   always visible for accessibility. Components may refine the offset/colour. */
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important}}