:root { --fond: #FFFFFF; --texte: #1B1740; --doux: #5A5779; color-scheme: light dark; }
@media (prefers-color-scheme: dark) { :root { --fond: #12102B; --texte: #ECEAFB; --doux: #A9A5CF; } }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: var(--fond); color: var(--texte);
       font-family: system-ui, "Segoe UI", sans-serif; padding: 24px; }
main { text-align: center; }
h1 { margin: 0 0 8px; font-size: clamp(32px, 8vw, 56px); letter-spacing: .04em; }
p { margin: 0; color: var(--doux); font-size: 18px; }