/* Styles partagés par toutes les pages du site. */
:root {
  color-scheme: light;
  --fond: #ffffff;
  --surface: #ffffff;
  --surface-2: #f4f6f9;
  --texte: #16181c;
  --doux: #5b6070;
  --trait: #e3e6ec;
  --accent: #1565c0;
  --accent-texte: #ffffff;
  --vert: #1b7a3d;
  --vert-fond: #e8f5ec;
  --ombre: 0 1px 2px rgba(16, 20, 30, .06), 0 8px 24px rgba(16, 20, 30, .06);
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --fond: #0f1115;
    --surface: #171a20;
    --surface-2: #1d2129;
    --texte: #e8eaef;
    --doux: #9aa1b0;
    --trait: #272c35;
    --accent: #6aa9f0;
    --accent-texte: #0f1115;
    --vert: #5fd08a;
    --vert-fond: #14291d;
    --ombre: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35);
  }
}

* {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  padding-left: max(1.25rem, env(safe-area-inset-left, 0px));
  padding-right: max(1.25rem, env(safe-area-inset-right, 0px));
  font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, sans-serif;
  background: var(--fond);
  color: var(--texte);
}

main {
  margin: 0 auto;
}

a {
  color: var(--accent);
}

footer {
  margin-top: 3rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--trait);
  color: var(--doux);
  font-size: .9rem;
}

/* Le paragraphe du pied de page ne garde pas sa marge basse : elle
   s'ajoutait à celle de la page. */
footer p {
  margin-bottom: 0;
}