/* Page d'attente — Le Forgeron Numérique.

   🔴 AUCUNE COULEUR N'EST INVENTÉE ICI. Toutes sont relevées dans l'illustration
   de marque et consignées dans BRAND.md :
     #261E33  l'encre du dessin      -> le fond
     #EDEAF2  texte sur fond sombre  -> le texte        (valeur déjà arrêtée)
     #40A9CC  cyan d'interface       -> le filet, les liens
     #A85D28  le cuivre du « LE »    -> le soulignement du contact
   Le cyan vif #2CE2E6 du marteau n'est PAS utilisé comme couleur d'interface :
   il est trop clair, et c'est déjà la règle du projet (scripts/dossier.css).

   🔴 AUCUNE POLICE N'EST CHARGÉE. Le nom est porté par l'image du logo, dont le
   texte est converti en tracés ; le corps de page utilise la pile système. Deux
   raisons, et la seconde est juridique : la charte déclare la fonte « non
   arrêtée » — en choisir une ici serait l'arrêter par accident — et une police
   servie par un tiers ferait sortir l'adresse IP du visiteur vers ce tiers,
   ce que la politique de confidentialité du dossier s'interdit.

   Aucune requête tierce, aucun script, aucun cookie : rien à déclarer. */

:root {
  --fond:     #261E33;
  --texte:    #EDEAF2;
  --accent:   #40A9CC;
  --cuivre:   #A85D28;
}

html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }

body {
  margin: 0;
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 2rem 1.25rem calc(2rem + env(safe-area-inset-bottom, 0px));
  background: var(--fond);
  color: var(--texte);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(1rem, 0.95rem + 0.3vw, 1.1rem);
  line-height: 1.6;
  text-align: center;
  /* L'enseigne est un bloc court et centré : le texte ne dépasse jamais la
     longueur de ligne confortable, d'où la largeur imposée plus bas. */
}

.enseigne {
  max-width: 32rem;
  display: grid;
  justify-items: center;
  gap: 0;
}

.nom { margin: 0; }

.logo {
  display: block;
  /* 🔴 32rem = 512 px, soit EXACTEMENT la moitié des 1024 px du fichier. Un pixel
     art se réduit par facteurs entiers ou il bave — c'est la règle du dossier, et
     c'est la seule raison de ce nombre. */
  width: min(32rem, 90vw);
  height: auto;
  /* 🔴 Le logo est du PIXEL ART : sans cette règle, le navigateur l'interpole et
     invente des teintes intermédiaires. C'est déjà la règle du projet. */
  image-rendering: pixelated;
}

/* Le filet de circuit : seul élément décoratif de la page, et il vient de la
   charte (segments à 90°/45°). Il sépare l'enseigne du texte courant. */
.piste {
  width: min(12.5rem, 46vw);
  height: auto;
  margin: 1.75rem 0 2rem;
  fill: var(--accent);
  stroke: var(--accent);
  stroke-width: 3;
  stroke-linecap: square;
  stroke-linejoin: miter;
}
.piste path { fill: none; }

.metier    { margin: 0 0 1.75rem; }
.ouverture { margin: 0 0 0.35rem; }
.attente   { margin: 0 0 2rem; opacity: 0.72; }

.contact { margin: 0 0 2.5rem; }
.contact a {
  color: var(--texte);
  text-decoration-color: var(--cuivre);
  text-decoration-thickness: 2px;
  text-underline-offset: 0.25em;
}
.contact a:hover,
.contact a:focus-visible { text-decoration-color: var(--accent); }

/* La mention de statut est une information de prudence, pas un pied de page :
   elle doit être lisible sans occuper le regard. */
.statut {
  margin: 0;
  font-size: 0.82em;
  opacity: 0.55;
  max-width: 32rem;
}

:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}