/* Tokens from docs/HANDOFF.md section 6a. Placeholder stylesheet; the real design comes later. */
:root {
  --bg: #fbfbfb;
  --text: #1c1c1c;
  --muted: #6b6b6b;
  --link: #444444;
  --underline: #c4c4c4;
  --rule: #e8e8e8;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #121212; --text: #e6e6e6; --muted: #9a9a9a; --link: #cfcfcf; --underline: #555555; --rule: #2a2a2a; }
}
html { background: var(--bg); color: var(--text); }
body {
  margin: 0 auto;
  max-width: 640px;
  padding: 48px 24px 96px;
  font: 16px/1.6 "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1 { font-family: Newsreader, Georgia, serif; font-weight: 500; font-size: 34px; letter-spacing: -0.01em; margin: 0 0 4px; }
.muted { color: var(--muted); }
a { color: var(--link); text-decoration: underline; text-decoration-color: var(--underline); text-underline-offset: 2px; }
a:hover, a:focus-visible { text-decoration-color: currentColor; }
a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
section, footer { border-top: 1px solid var(--rule); padding-top: 28px; margin-top: 28px; }
footer { font-size: 14px; }