/*
 * LA PAGE D'ATTENTE — 30/09/2026.
 *
 * Elle ne charge ni style.css ni wiki.css : le site est en sommeil, et une
 * page d'attente qui tirerait la feuille de style de tout le site laisserait
 * deviner ce qu'il y a derriere. Deux fichiers, rien d'autre.
 *
 * Les couleurs sont declarees ici une fois, et seulement ici : ce sont les
 * memes valeurs que style.css, recopiees parce que cette page vit seule.
 */
:root {
  --te:       #2f827f;
  --papier:   #f6f5f0;
  --surface:  #ffffff;
  --encre:    #16180f;
  --doux:     #5b6055;
  --bord:     #e3e2d8;
  --rayon:    14px;
  --sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
          "Helvetica Neue", Arial, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --papier:  #14160f;
    --surface: #1d2018;
    --encre:   #f2f1e8;
    --doux:    #a8ad9d;
    --bord:    #32362a;
  }
}

* { box-sizing: border-box; }

html, body {
  height: 100%;
  margin: 0;
}

body {
  background: var(--papier);
  color: var(--encre);
  font-family: var(--sans);
  line-height: 1.6;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}

.attente {
  background: var(--surface);
  border: 1px solid var(--bord);
  border-radius: var(--rayon);
  padding: 2.5rem 2rem;
  max-width: 34rem;
  width: 100%;
  text-align: center;
}

.attente-marque {
  width: 72px;
  height: 72px;
  margin-bottom: 1.25rem;
}

.attente h1 {
  font-size: 1.6rem;
  line-height: 1.25;
  margin: 0 0 1rem;
  color: var(--te);
}

.attente-texte {
  margin: 0 0 1.25rem;
  font-size: 1.05rem;
}

.attente-note {
  margin: 0;
  color: var(--doux);
  font-size: 0.95rem;
}

@media (max-width: 30rem) {
  .attente { padding: 2rem 1.25rem; }
  .attente h1 { font-size: 1.35rem; }
}