:root {
    --text-color: #333;
    --bg-color: #fdfdfd;
    --accent: #2e7d32;
    --spacing: 1.5rem;
}
@media (prefers-color-scheme: dark) {
    :root { --text-color: #e0e0e0; --bg-color: #121212; }
}
body { font-family: system-ui, sans-serif; color: var(--text-color); background: var(--bg-color); line-height: 1.6; max-width: 800px; margin: 0 auto; padding: var(--spacing); }
nav, header, footer { padding: 1rem 0; }
a { color: var(--accent); }
input, button { padding: 0.8rem; font-size: 1rem; }
button { cursor: pointer; background: var(--accent); color: white; border: none; }
textarea { width: 100%; height: 100px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }