/*
 * Uniquement ce que theme.json ne sait pas exprimer (reset, smoothing, focus,
 * réduction de mouvement) — et la règle body, reprise ici pour garantir qu'elle
 * l'emporte sur le CSS dynamique de Blocksy, chargé avant cette feuille.
 */
*{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
/*
 * !important nécessaire : le CSS dynamique de Blocksy (ct-main-styles-inline-css,
 * généré depuis les theme_mods h1Typography...h6Typography) cible .entry-title et
 * autres classes de titre avec une spécificité de classe, plus forte qu'un simple
 * sélecteur d'élément, et il est injecté après cette feuille.
 */
h1, h2, h3, h4, h5, h6{
  font-family: var(--serif) !important;
  font-weight: 400 !important;
}
img{ max-width: 100%; display: block; }
a{ color: inherit; }
button{ font: inherit; color: inherit; cursor: pointer; }
:focus-visible{ outline: 2px solid var(--rose-deep); outline-offset: 3px; border-radius: 2px; }

@media (prefers-reduced-motion: reduce){
  *{ animation: none !important; transition: none !important; }
}