:root { --vert: #265e50; --texte: #1d2433; --gris: #5b6577; --fond: #faf6ee; }
@media (prefers-color-scheme: dark) {
  :root { --vert: #7cc3ae; --texte: #e6e8ec; --gris: #a3abb8; --fond: #171b22; }
}
body { margin: 0; padding: 32px 16px; background: var(--fond); color: var(--texte);
       font: 16px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: 680px; margin: 0 auto; }
a { color: var(--vert); }
nav { margin-bottom: 2rem; font-size: .95rem; }
nav a { margin-right: 1rem; }
h1 { color: var(--vert); margin-top: 0; }
h2 { color: var(--vert); font-size: 1.15rem; margin-top: 2rem; }
li { margin: .3rem 0; }
footer { margin-top: 3rem; font-size: .9rem; color: var(--gris); }