/* ============================================================
   AKRAME — Base (reset léger + primitives)
   Les polices sont chargées via <link> dans le <head> (fonts.css
   auto-hébergé en prod, Google Fonts dans le single-file).
   ============================================================ */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0;
  background:var(--c-noir); color:var(--c-text);
  font-family:var(--ff-sans); font-size:var(--fs-body); line-height:1.6;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
/* Le verrou de défilement de la page d'accueil vit dans opening.css, pas ici :
   ce fichier sert aussi les mentions légales et la confidentialité, qui sont
   plus hautes qu'un écran et doivent défiler normalement. */
img,svg,video{ display:block; max-width:100%; }
a{ color:inherit; text-decoration:none; }
button{ font:inherit; color:inherit; cursor:pointer; border:0; background:none; }
input{ font:inherit; }
:focus-visible{ outline:2px solid var(--c-gold); outline-offset:3px; border-radius:2px; }

.sr-only{
  position:absolute!important; width:1px;height:1px; padding:0;margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}
.skip-link{
  position:fixed; left:16px; top:-60px; z-index:100;
  background:var(--c-cream); color:var(--c-noir); padding:10px 16px; border-radius:6px;
  transition:top .2s var(--ease);
}
.skip-link:focus{ top:16px; }

/* Titres */
.u-serif{ font-family:var(--ff-serif); font-weight:400; }
.u-kicker{
  font-family:var(--ff-sans); font-weight:600; font-size:var(--fs-kicker);
  text-transform:uppercase; letter-spacing:var(--ls-wide); color:var(--c-stone);
}

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