/*
  BASE — reset, typographie de base, accessibilité, utilitaires
  d'animation. Dépend de tokens.css (doit être chargé avant).
*/
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *{animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important;}
}

body{
  margin:0;background:var(--white);color:var(--forest);
  font-family:var(--font-body);font-weight:400;
  line-height:1.65;-webkit-font-smoothing:antialiased;
}

/* Hiérarchie typographique — Brand Book chapitre 11 */
h1,h2{font-family:var(--font-display);font-weight:400;line-height:1.2;margin:0 0 .5em;color:var(--forest);}
h3{font-family:var(--font-body);font-weight:600;line-height:1.3;margin:0 0 .5em;color:var(--forest);}
/* Accent manuscrit (Britanny) retiré tant que la police/licence n'est pas
   fournie — cf. tokens.css. En attendant, .accent-italic hérite de la
   police du contexte, sans italique, coloré comme accent ponctuel. */
em,.accent-italic{font-style:normal;color:var(--blush);}
p{margin:0 0 1em;color:var(--forest);max-width:var(--maxw-editorial);}
a{color:var(--forest);}
img{max-width:100%;display:block;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}

/* Accessibilité clavier */
.skip-link{position:absolute;left:-9999px;top:0;background:var(--forest);color:#fff;padding:12px 20px;z-index:100;border-radius:0 0 8px 0;}
.skip-link:focus{left:0;}

/* Utilitaires d'animation au scroll — visibles par défaut (sans JS, le
   contenu reste visible : voir la classe .js-reveal posée en tête de
   document par _layouts/default.html, uniquement si JS tourne ET que
   prefers-reduced-motion n'est pas actif). */
.reveal{opacity:1;transform:none;transition:opacity .7s ease, transform .7s ease;}
html.js-reveal .reveal:not(.in){opacity:0;transform:translateY(14px);}
.reveal.in{opacity:1;transform:translateY(0);}
.stagger.in > *{transition-delay:calc(var(--i,0) * 90ms);}
.deco-line{position:absolute;opacity:.5;pointer-events:none;}

.center{text-align:center;}
.max-title{max-width:20ch;margin-left:auto;margin-right:auto;}