/* Placeholder until DESIGN.md exists. Tokens live in :root and nowhere else. */
:root {
  --ink: #111;
  --paper: #fff;
  --measure: 60ch;
  --gutter: 16px;
}
html { color: var(--ink); background: var(--paper); font: 18px/1.5 system-ui, sans-serif; }
body { margin: 0; }
.shell { max-width: 72rem; margin: 0 auto; padding: 0 var(--gutter); }
.skip-link { position: absolute; left: -999px; }
.skip-link:focus { left: var(--gutter); top: var(--gutter); }
.nav-inner, .footer-inner { display: flex; gap: 1.5rem; align-items: baseline; justify-content: space-between; padding: 1rem 0; }
.nav-links { display: flex; gap: 1rem; }
.wordmark { font-weight: 600; text-decoration: none; color: inherit; }
.hero { padding: 6rem 0; max-width: var(--measure); }
.site-footer { margin-top: 6rem; font-size: .9rem; }
a { color: inherit; }