/* Styles provisoires de l'étape 1 : couleurs Fujizen définies une seule fois ici.
   Remplacés à l'étape 3 (socle visuel) par les styles des maquettes
   et les polices Josefin Sans et Inter hébergées sur le site. */
:root {
  --vert-fonce: #0E3B2E;
  --vert: #24805F;
  --vert-clair: #A8C5A0;
  --vert-pale: #EAF2ED;
  --fond: #F8FAF9;
  --encre: #202934;
  --or: #DAB46A;
  --rouge: #B94747;
  --ocre: #A87527;
  --ardoise: #4A6E89;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: var(--fond);
  color: var(--encre);
  font: 17px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif;
}

.entete {
  padding: 16px 24px;
  background: #fff;
  border-bottom: 1px solid var(--vert-pale);
}
.entete__logo img { height: 40px; width: auto; display: block; }

.contenu {
  flex: 1;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 64px 24px;
}

.accroche h1 {
  margin: 0 0 16px;
  font-size: clamp(32px, 6vw, 52px);
  line-height: 1.15;
  color: var(--vert-fonce);
}
.accroche__texte { font-size: 20px; margin: 0 0 24px; }
.accroche__statut {
  display: inline-block;
  margin: 0;
  padding: 6px 14px;
  border-radius: 999px;
  background: var(--vert-pale);
  color: var(--vert);
  font-size: 14px;
  font-weight: 600;
}

.pied {
  padding: 32px 24px;
  background: var(--vert-fonce);
  color: var(--vert-clair);
  font-size: 14px;
}
.pied img { height: 32px; width: auto; display: block; margin-bottom: 12px; }
.pied p { margin: 0; }