/*
 * La page « Prochainement » (chantier.mjs) : le logo complet de Feedzy.ai, immobile, le mot, et en pied les
 * mentions. Elle s'appuie sur styles.css (pied, jetons de couleur, police de la marque) et legal.css ; seule la
 * mise en page du milieu et la couleur du logo sont ici.
 * Fichier à part et pas d'attribut style : la CSP de production (_headers) n'admet que 'self'.
 */
body.chantier {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.chantier-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 64px 16px;
  gap: 28px;
}

/* Le logo n'a aucune couleur à lui : son encre (étincelle, tirets, mot) suit `color`, ses dégradés ces classes.
   Sombre par défaut (comme le site), clair quand le thème l'est. */
.chantier-logo {
  margin: 0;
  line-height: 0;
  color: #ffffff;
}
.chantier-logo .fz-logo {
  display: block;
  width: min(560px, 84vw);
  height: auto;
}
.fz-s0 { stop-color: #7c44fb; }
.fz-s1 { stop-color: #a254fb; }
.fz-s2 { stop-color: #4275fb; }
.fz-s3 { stop-color: #01cafa; }
/* sur fond clair, le dégradé finit sur le bleu électrique : le cyan y tombe à 1,9:1 */
:root[data-theme='light'] .chantier-logo { color: #250126; }
:root[data-theme='light'] .fz-s2 { stop-color: #6a5cfb; }
:root[data-theme='light'] .fz-s3 { stop-color: #4275fb; }
@media (prefers-color-scheme: light) {
  :root:not([data-theme='dark']) .chantier-logo { color: #250126; }
  :root:not([data-theme='dark']) .fz-s2 { stop-color: #6a5cfb; }
  :root:not([data-theme='dark']) .fz-s3 { stop-color: #4275fb; }
}

/* le nom, pour un lecteur d'écran et pour les moteurs : le logo dessiné, lui, est aria-hidden */
.chantier-nom {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.chantier-bientot {
  margin: 0;
  font-family: var(--font-brand);
  font-weight: 800;
  font-size: clamp(15px, 2.4vw, 19px);
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--muted);
}

.chantier-pied .wrap {
  align-items: flex-start;
}

.chantier-legal,
.chantier-liens {
  margin: 0;
  max-width: 72ch;
  font-size: 13px;
  line-height: 1.6;
}

.chantier-pied a {
  color: var(--muted);
}