/* ==========================================================================
   BASE — resets and global element defaults. No colors or fonts are
   hardcoded here; everything reads from css/theme.css.
   ========================================================================== */

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

html{
  scroll-behavior:smooth;
  background:var(--bg-void);
}

body{
  background:var(--bg-void);
  color:var(--text-primary);
  font-family:var(--font-body);
  -webkit-font-smoothing:antialiased;
}

h1, h2{
  font-family:var(--font-display);
  font-weight:600;
  line-height:1.08;
  letter-spacing:-0.01em;
}
h1{ font-size:clamp(36px, 6vw, 56px); margin-bottom:20px; }
h2{ font-size:clamp(26px, 4vw, 36px); margin-bottom:16px; }

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