:root { --paper: #f4f5f6; --ink: #14181c; --faint: #75808a; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --paper: #0f1316; --ink: #e8ecef; --faint: #84919a; } }
:root[data-theme="dark"] { --paper: #0f1316; --ink: #e8ecef; --faint: #84919a; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: var(--paper); color: var(--ink); font: 16px/1.5 -apple-system, "Segoe UI", Roboto, Arial, sans-serif; padding: 16px; }
p { color: var(--faint); }