/* LES PAGES PUBLIQUES (#505.2) : accueil, confidentialité, conditions. Elles prennent style.css (la charte, la police,
   les couleurs) et ne posent ici que leur mise en page de document. ⛔ Aucune couleur : les variables de style.css. */
.doc { max-width: 52rem; margin: 0 auto; padding: 1.5rem 1.25rem 3rem; }
.doc-tete { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
            padding-bottom: 1rem; margin-bottom: 1.5rem; border-bottom: 1px solid var(--trait); }
.doc-tete .marque { display: flex; align-items: center; gap: .6rem; text-decoration: none; color: var(--marine); font-weight: 700; }
.doc nav a { margin-left: 1rem; }
.doc h2 { margin-top: 2rem; font-size: 1.35rem; }
.doc h3 { margin-top: 1.25rem; font-size: 1.1rem; }
.doc table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: .95rem; }
.doc th, .doc td { text-align: left; vertical-align: top; padding: .55rem .6rem; border-bottom: 1px solid var(--trait); }
.doc th { color: var(--marine); }
.doc .encadre { background: var(--vert-doux); border-left: 4px solid var(--vert); padding: .9rem 1rem; border-radius: var(--rayon-petit); }
.doc .a-completer { background: var(--alerte-doux); color: var(--alerte-fonce); padding: 0 .3em; border-radius: 4px; font-weight: 600; }
.doc-pied { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid var(--trait); color: var(--gris); font-size: .9rem; }
.doc-pied a { margin-right: 1rem; }
/* (#600, n° 112) LES PAGES PUBLIQUES SUIVENT L'ORDINATEUR EN SOMBRE (elles n'ont aucun script : la politique de contenu
   les refuse, d'où la requête de média). Les mêmes variables de style.css, d'autres mélanges ; le marine du fond est
   calculé AVANT que le corps ne le remplace par le clair des titres. ⛔ Aucune couleur écrite : les variables. */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --papier: var(--marine-fonce);
    --encre: color-mix(in srgb, var(--blanc) 85%, var(--brume));
    --trait: color-mix(in srgb, var(--marine) 70%, var(--brume));
    --gris: var(--brume);
    --vert-doux: color-mix(in srgb, var(--vert) 18%, var(--marine));
    --alerte-doux: color-mix(in srgb, var(--alerte) 20%, var(--marine));
    --alerte-fonce: color-mix(in srgb, var(--alerte) 55%, var(--blanc));
  }
  body { --marine: color-mix(in srgb, var(--blanc) 70%, var(--brume)); }
}