:root { color-scheme:light; --bg:#f8f7f3; --ink:#20332f; --muted:#738079; --accent:#168475; --line:#20332f20; --surface:#eeede7; }
body:has(.showcase.dark) { color-scheme:dark; --bg:#141c1c; --ink:#edf1e8; --muted:#a0b0a8; --accent:#9cceb5; --line:#edf1e820; --surface:#202c29; }
html { scroll-behavior:smooth; scroll-padding-top:30px; }body { margin:0; background:var(--bg); color:var(--ink); font-family:'Segoe UI',Arial,sans-serif; -webkit-font-smoothing:antialiased; transition:background .3s,color .3s; }*{box-sizing:border-box;}a{color:inherit;}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px;}::selection{background:#b3d9c5;color:#17352b;}h1:focus{outline:none;}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*,*::before,*::after{animation:none!important;transition:none!important;}}