/* ==========================================================================
   02-base.css — Reset léger + base typographique.
   En Phase 1, sert surtout au gabarit de secours (index.php). Les styles des
   modules front (header, hero, cartes, formulaires, footer) viennent en Phase 4.
   ========================================================================== */

*{box-sizing:border-box}

body{
  margin:0;
  background:var(--blanc);
  color:var(--encre);
  font-family:var(--font-corps);
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,h4{font-family:var(--font-titre);font-weight:500;line-height:1.1;margin:0}
p{margin:0}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* --------------------------------------------------------------------------
   Gabarit de secours (Phase 1)
   -------------------------------------------------------------------------- */
.apc-fallback{
  background:var(--noir);
  color:var(--craie);
  min-height:100vh;
  display:flex;
}
.apc-fallback__wrap{
  max-width:var(--maxw);
  margin:auto;
  padding:48px 28px;
  text-align:center;
}
.apc-fallback__brand{margin-bottom:28px}
.apc-fallback__logo{
  font-family:var(--font-titre);
  font-size:30px;
  color:var(--craie);
}
.apc-fallback__logo i{font-style:italic;color:var(--laiton-clair)}
.apc-fallback__content h1{
  font-size:clamp(30px,5vw,52px);
  font-weight:400;
  margin-bottom:14px;
}
.apc-fallback__content p{color:var(--muted-dark)}
.apc-fallback__content a{color:var(--laiton-clair)}
.apc-fallback__content strong{color:var(--craie)}