:root { --bg: #fff; --fg: #1a1a1a; --accent: #d97706; color-scheme: light dark; }
@media (prefers-color-scheme: dark) { :root { --bg: #111; --fg: #eee; } }
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.6 system-ui, sans-serif; background: var(--bg); color: var(--fg); }
main, .bar { max-width: 60rem; margin: 0 auto; padding: 1rem; }
.bar { display: flex; justify-content: space-between; align-items: center; }
a { color: var(--accent); }
.brand { font-weight: 700; text-decoration: none; }
.hero { padding: 4rem 0; }
.btn { display: inline-block; padding: .6rem 1.2rem; background: var(--accent); color: #fff; border-radius: .4rem; text-decoration: none; }