:root{--fond:#f4f7f8;--encre:#15232b;--doux:#4b5d66;--accent:#0a7a85}
@media (prefers-color-scheme:dark){:root{--fond:#0e171c;--encre:#e3ecef;--doux:#9fb2ba;--accent:#4cc3cf}}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--fond);color:var(--encre);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;padding:24px}
main{max-width:34rem}h1{font-size:2rem;margin:0 0 .5rem;letter-spacing:.01em}h1 span{color:var(--accent)}p{margin:.25rem 0;color:var(--doux)}p[lang=fr]{color:var(--encre)}