:root {
  --ink: #2d2a32;
  --accent-text: #6d28d9;
  --warm: #f5a623;
  --bg: #fffdf8;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: var(--ink);
  background: var(--bg);
  line-height: 1.6;
}
main { max-width: 44rem; margin: 0 auto; padding: 1.5rem 1.25rem 4rem; }
header.site { padding: 1.25rem; border-bottom: 3px solid var(--warm); }
header.site a { color: var(--accent-text); text-decoration: none; font-weight: 700; font-size: 1.25rem; }
nav.site { font-size: 0.9rem; margin-top: 0.25rem; }
nav.site a { color: var(--ink); margin-right: 1rem; }
h1 { color: var(--accent-text); }
footer { max-width: 44rem; margin: 0 auto; padding: 0 1.25rem 2rem; font-size: 0.85rem; color: #6b6573; }