:root { color-scheme: light dark; --bg: #f6f5f2; --tekst: #141417; --zacht: #625f6a; }
@media (prefers-color-scheme: dark) { :root { --bg: #0b0b0d; --tekst: #f2f2f4; --zacht: #a09ea9; } }
html, body { margin: 0; height: 100%; }
body { background: var(--bg); color: var(--tekst); font: 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; display: grid; place-items: center; padding: 16px; box-sizing: border-box; }
main { max-width: 34rem; }
.merk { font-weight: 800; letter-spacing: .12em; text-transform: uppercase; font-size: 12px; color: var(--zacht); margin: 0 0 8px; }
h1 { font-size: clamp(32px, 6vw, 48px); letter-spacing: -0.03em; margin: 0 0 12px; }
p { color: var(--zacht); }
a { color: var(--tekst); }