/* Charte Mille & 1 Formations (design system v2.5.0) : navy #2B4074, orange #F7931E. */
:root {
  --navy: #2B4074; --orange: #F7931E; --fond: #F7F8FB; --texte: #1D2433;
  --valide: #1E7B45; --revoque: #B3261E; --invalide: #8A4B00;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--fond); color: var(--texte);
  font: 16px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 42rem; margin: 0 auto; padding: 1.5rem 1rem 3rem; }
h1 { color: var(--navy); font-size: 1.6rem; margin-top: 0; }
h2 { color: var(--navy); font-size: 1.15rem; }
a { color: var(--navy); }
:focus-visible { outline: 3px solid var(--orange); outline-offset: 2px; }
.depot { display: block; border: 2px dashed var(--navy); border-radius: 12px; padding: 2rem 1rem;
  text-align: center; background: #fff; cursor: pointer; min-height: 48px; }
.depot.survol { border-color: var(--orange); background: #FFF6EC; }
.depot input { display: block; margin: 0 auto 0.75rem; }
.verdict { font-size: 1.25rem; font-weight: 700; padding: 0.75rem 1rem; border-radius: 10px; color: #fff; }
.verdict.valide { background: var(--valide); }
.verdict.revoque { background: var(--revoque); }
.verdict.invalide { background: var(--invalide); }
#motifs { color: var(--invalide); }
dl { background: #fff; border-radius: 10px; padding: 0.75rem 1rem; }
dt { font-weight: 600; color: var(--navy); margin-top: 0.5rem; }
dd { margin: 0 0 0.25rem; white-space: pre-line; }
input[type=email] { width: 100%; padding: 0.6rem; font-size: 1rem; min-height: 44px; }
button { margin-top: 0.75rem; background: var(--navy); color: #fff; border: 0; border-radius: 8px;
  padding: 0.7rem 1.4rem; font-size: 1rem; min-height: 44px; cursor: pointer; }
.discret { color: #5A6478; font-size: 0.9rem; margin-top: 2rem; }