/* La même palette que l'app (docs/design.md). */
:root {
  --ivoire: #FFF8EC;
  --surface: #FFFFFF;
  --ligne: #EFE3CE;
  --encre: #241B3A;
  --doux: #6B6180;
  --sarcelle: #0E9F8E;
  --or: #F5A524;
  --or-pale: #FDEFD5;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  padding: 0 20px 80px;
  background: var(--ivoire);
  color: var(--encre);
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
main { max-width: 700px; margin: 0 auto; }
header { padding: 48px 0 8px; border-bottom: 2px solid var(--ligne); margin-bottom: 28px; }
h1 { font-size: 30px; line-height: 1.2; margin: 0 0 8px; }
h2 { font-size: 20px; margin: 36px 0 10px; }
h3 { font-size: 16px; margin: 24px 0 6px; }
.maj { color: var(--doux); font-size: 14px; margin: 0; }
p, li { color: #3A3150; }
a { color: var(--sarcelle); }
table { width: 100%; border-collapse: collapse; margin: 14px 0; font-size: 15px; }
th, td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--ligne); vertical-align: top; }
th { background: var(--surface); font-weight: 600; }
.encadre {
  background: var(--or-pale);
  border-radius: 14px;
  padding: 14px 18px;
  margin: 20px 0;
}
.encadre p { margin: 0; color: #4A2E00; }
nav { margin-top: 44px; padding-top: 18px; border-top: 2px solid var(--ligne); font-size: 14px; }
nav a { margin-right: 18px; }
code { background: var(--surface); padding: 2px 6px; border-radius: 5px; font-size: 14px; }
@media (prefers-color-scheme: dark) {
  :root { --ivoire: #17122A; --surface: #221A3C; --ligne: #342A55; --encre: #F3EDE2; --doux: #A79CC0; }
  p, li { color: #D9D2E8; }
  th { background: var(--surface); }
  .encadre { background: #3A2E12; }
  .encadre p { color: #F5DFAF; }
}