:root {
    --text-color: #2c3e50;
    --bg-color: #fdfcf9;
    --accent-color: #8e44ad;
    --spacing: 1.5rem;
}
body {
    font-family: system-ui, sans-serif;
    color: var(--text-color);
    background-color: var(--bg-color);
    line-height: 1.6;
    margin: 0;
    padding: var(--spacing);
}
main { max-width: 800px; margin: 0 auto; }
header, footer { text-align: center; margin: var(--spacing) 0; }
nav { padding: 1rem; }
a { color: var(--accent-color); }
button { min-height: 44px; min-width: 44px; padding: 0.5rem 1rem; }
input { min-height: 44px; }
footer { font-size: 0.8rem; }
@media (prefers-color-scheme: dark) {
    body { background-color: #1a1a1a; color: #e0e0e0; }
}
@media (prefers-reduced-motion: reduce) {
    * { animation: none !important; transition: none !important; }
}