/* Pages légales de l'app Mysteo : texte lisible, sans dépendance. */
:root {
  color-scheme: light dark;
  --fond: #ffffff;
  --texte: #1f2328;
  --discret: #5f6672;
  --lien: #4f46e5;
  --bord: #e3e6ea;
}
@media (prefers-color-scheme: dark) {
  :root {
    --fond: #14161a;
    --texte: #e6e8eb;
    --discret: #a0a7b2;
    --lien: #a5b4fc;
    --bord: #2b3038;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--fond);
  color: var(--texte);
  font: 16px/1.65 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
header, main, footer { max-width: 48rem; margin: 0 auto; padding: 0 1rem; }
header { padding-top: 1.5rem; font-weight: 700; letter-spacing: 0.04em; }
header a { color: inherit; text-decoration: none; }
main { padding-bottom: 2rem; }
h1 { font-size: 1.75rem; line-height: 1.25; margin: 1.5rem 0 0.25rem; }
h2 { font-size: 1.2rem; margin: 2rem 0 0.5rem; }
.maj { color: var(--discret); font-size: 0.875rem; margin-top: 0; }
a, .lien { color: var(--lien); }
.lien {
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}
ul, ol { padding-left: 1.25rem; }
li { margin: 0.25rem 0; }
footer {
  border-top: 1px solid var(--bord);
  padding-top: 1rem;
  padding-bottom: 2rem;
  color: var(--discret);
  font-size: 0.875rem;
}
footer a { margin-right: 1rem; }