:root { color-scheme: light dark; --fg: #1d2330; --bg: #f7f8fa; --accent: #2f6fdb; }
@media (prefers-color-scheme: dark) { :root { --fg: #e8ebf1; --bg: #14171d; --accent: #7aa7ff; } }
body { margin: 0; font: 16px/1.5 system-ui, sans-serif; color: var(--fg); background: var(--bg); }
main { max-width: 40rem; margin: 4rem auto; padding: 0 16px; }
.button, button { display: inline-block; padding: .6rem 1rem; border-radius: 6px; border: 0; background: var(--accent); color: #fff; text-decoration: none; font: inherit; cursor: pointer; }