/* Résistance en ligne : feuille de style du client, téléphone d'abord (T2).
   Aucune bibliothèque, aucune police distante (ADR 007, politique de sécurité du contenu). */

:root {
  --fond: #f4f5f8;
  --encre: #1b1f2a;
  --attenue: #5a6275;
  --resistance: #2f5fd0;
  --espions: #c0392b;
}

:root[data-theme="sombre"] {
  --fond: #14161d;
  --encre: #eceef4;
  --attenue: #9aa3b8;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  background: var(--fond);
  color: var(--encre);
  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

.application {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 24px 16px;
  text-align: center;
}

h1 {
  margin: 0;
  font-size: clamp(28px, 9vw, 44px);
  letter-spacing: 0.04em;
  color: var(--resistance);
}

.attente {
  margin: 0;
  max-width: 32rem;
  color: var(--attenue);
}

.pied {
  padding: 12px 16px;
  text-align: center;
  font-size: 13px;
  color: var(--attenue);
}