/* ─────────────────────────────────────
   MAIN — global reset & page-level rules
───────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; overflow-x: hidden; width: 100%; }

body {
  background: var(--bg);
  color: var(--text);
  font-family: 'Space Grotesk', sans-serif;
  overflow-x: hidden;
  max-width: 100%;
  transition: background 0.5s ease, color 0.5s ease;
}
body.locked { overflow: hidden; }
body.menu-open { overflow: hidden; }
a { text-decoration: none; color: inherit; outline: none; }
::selection { background: var(--accent); color: #000; }

:focus-visible { outline: 2px dashed var(--accent); outline-offset: 4px; }