/*
 * Ancient Mother R5: globale basis (Fase 1).
 * Bewust klein zolang de pagina's nog in legacy.css staan: alleen wat de schil en alle pagina's delen en wat de oude pagina's
 * niet verandert. De volledige R5-basistypografie (lettergrootte van de body, koppen, .lbl, .go, .btn) komt per pagina
 * binnen de pagina-scope (body.am-r5) zodra een pagina naar R5 gaat; zie docs/r5-implementation-audit.md §15.
 */
html{color-scheme:light} /* D1: geen donkere modus; formulieren en schuifbalken blijven licht */
/* Fase 2: de globale regels die ook in legacy.css staan (identiek), zodat een R5-pagina zonder legacy.css dezelfde basis heeft. */
*{box-sizing:border-box}
html{height:100%}
body{margin:0;min-height:100%}
body{background:var(--am-out);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
:focus-visible{outline:2px solid var(--am-wine);outline-offset:3px}
.am-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Een pagina die naar R5 is omgebouwd, krijgt body.am-r5 (via de template). Alleen daar geldt de R5-basistypografie. */
body.am-r5{color:var(--am-ink);font:400 .9rem/1.6 var(--am-sans)}
body.am-r5 a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em}
body.am-r5 p{margin:0}
body.am-r5 figure{margin:0}
body.am-r5 img{display:block;max-width:100%}