/* base.css — shared foundation for all Elada Studios pages:
   reset, type stacks, layout container, focus visibility, reduced motion.
   Surface palettes live in studio.css / starfish.css / legal.css
   (letterfire.css is self-contained — ported as-is from the original page). */

:root{
  --font-display:"Oswald",sans-serif;
  --font-body:"Work Sans",system-ui,sans-serif;
  --font-mono:"Space Mono",monospace;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-body);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}

.wrap{position:relative;z-index:1;max-width:1140px;margin:0 auto;padding:0 24px}

/* Keyboard focus — every surface sets --focus to its accent colour */
a:focus-visible,button:focus-visible{outline:2px solid var(--focus,currentColor);outline-offset:3px}

.skip{
  position:absolute;left:-999px;top:0;z-index:100;
  background:#000;color:#fff;padding:10px 16px;font-family:var(--font-mono);font-size:.8rem;
}
.skip:focus{left:0}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}