:root {
  --bg-color: #ffffff;
  --text-color: #333333;
  --link-color: #005a8c;
  --font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --spacing: 1.5rem;
}
@media (prefers-color-scheme: dark) {
  :root { --bg-color: #121212; --text-color: #e0e0e0; --link-color: #4da6ff; }
}
body { font-family: var(--font-stack); background: var(--bg-color); color: var(--text-color); line-height: 1.6; margin: 0; padding: var(--spacing); max-width: 800px; margin: auto; }
header, footer { padding: var(--spacing) 0; }
nav { margin-bottom: var(--spacing); }
h1, h2, h3 { line-height: 1.2; }
a { color: var(--link-color); }
button, input { padding: 10px; font-size: 1rem; min-height: 44px; }
footer { font-size: 0.9rem; border-top: 1px solid #ccc; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }