:root {
  color-scheme: light;
  --ink: #101413;
  --ink-soft: #2a302d;
  --paper: #f4f5ef;
  --paper-deep: #e9ece3;
  --muted: #5f685f;
  --line: #d8ddd2;
  --acid: #e8ff74;
  --acid-dark: #c6e84b;
  --olive-text: #526c33;
  --white: #fff;
  --font-head: "Space Grotesk", Arial, sans-serif;
  --font-body: "DM Sans", Arial, sans-serif;
  --font-mono: "DM Mono", monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 1rem; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
::selection { background: var(--acid); color: var(--ink); }
.skip-link {
  position: fixed;
  z-index: 100;
  left: 16px;
  top: -80px;
  padding: 12px 18px;
  background: var(--acid);
  color: var(--ink);
}
.skip-link:focus { top: 12px; }
site-header, hero-section, expertise-strip, about-section, work-section,
experience-section, contact-section, site-footer { display: block; }

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