/* base.css — structure & reset only. The LOOK lives in theme-*.css (Zen-Garden method),
   so this file stays aesthetic-neutral and every theme can build on the same bones. */

*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; padding: 0; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body { min-height: 100vh; line-height: 1.5; -webkit-font-smoothing: antialiased; }

img, picture, svg { display: block; max-width: 100%; }

a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; }
button, input, select, textarea { font: inherit; color: inherit; }
h1, h2, h3, h4 { line-height: 1.05; font-weight: inherit; }

/* Accessibility */
.skip-link {
  position: absolute; left: -9999px; top: 0; z-index: 100;
  padding: 0.75rem 1rem; background: #000; color: #fff;
}
.skip-link:focus { left: 0; }

:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}