:root {
  --fond: #06080e;
  --panneau: #0e1320;
  --panneau-2: #151c2d;
  --bord: #243049;
  --texte: #dfe5f0;
  --texte-doux: #8d98ae;
  --jaune: #ffd84a;
  --bleu: #4fa8ff;
  --rouge: #ff5a5f;
  --vert: #3ecf8e;
  --orange: #ff9f43;
  --rayon: 10px;
  --police: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  color-scheme: dark;
}

* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body {
  background: var(--fond);
  color: var(--texte);
  font-family: var(--police);
  font-size: 16px;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
}
a { color: var(--bleu); }
button, input, textarea, select { font: inherit; color: inherit; }
button { cursor: pointer; }

.ciel {
  background:
    radial-gradient(1px 1px at 12% 18%, #fff8 50%, transparent 51%),
    radial-gradient(1px 1px at 72% 34%, #fff6 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 38% 74%, #fff9 50%, transparent 51%),
    radial-gradient(1px 1px at 88% 82%, #fff5 50%, transparent 51%),
    radial-gradient(1px 1px at 55% 12%, #fff7 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 22% 56%, #fff6 50%, transparent 51%),
    radial-gradient(1px 1px at 64% 62%, #fff5 50%, transparent 51%),
    radial-gradient(ellipse at 50% 120%, #1a2440 0%, var(--fond) 60%);
  background-color: var(--fond);
  background-size: 420px 420px, 380px 380px, 520px 520px, 300px 300px, 460px 460px, 350px 350px, 610px 610px, 100% 100%;
}

.md p { margin: 0 0 .7em; }
.md ul { margin: 0 0 .7em; padding-left: 1.3em; }
.md li { margin: .15em 0; }
.md h2, .md h3, .md h4 { margin: 1em 0 .4em; line-height: 1.25; }
.md h2 { font-size: 1.15em; } .md h3 { font-size: 1.05em; } .md h4 { font-size: 1em; color: var(--texte-doux); }
.md blockquote { margin: 0 0 .8em; padding: .4em .9em; border-left: 3px solid var(--jaune); background: #ffd84a0d; }
.md strong { color: #fff; }
.md code { background: var(--panneau-2); padding: 0 .3em; border-radius: 4px; }
.md > :last-child { margin-bottom: 0; }
.a-completer {
  color: var(--orange);
  background: #ff9f431a;
  border: 1px dashed #ff9f4388;
  border-radius: 4px;
  padding: 0 .3em;
  font-weight: 600;
}
