/* ============================================================
   IA Dimension — base.css
   Reset, elements, typographie de base. Depend de tokens.css.
   ============================================================ */
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{
  background:var(--cream); color:var(--ink);
  font-family:var(--sans); font-size:var(--fs-body); line-height:1.6;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  overflow-x:hidden; min-height:100vh; min-height:100svh;
  display:flex; flex-direction:column;
}
main{flex:1}

::selection{background:var(--ink);color:var(--cream)}
:focus-visible{outline:2px solid var(--accent-deep);outline-offset:3px;border-radius:6px}

a{color:inherit;text-decoration:none}
img,svg,video{display:block;max-width:100%}
img,video{height:auto}

/* --- Titres --- */
h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.03em;line-height:1.06;color:var(--ink)}
h1{font-size:var(--fs-h1)}
h2{font-size:var(--fs-h2)}
h3{font-size:var(--fs-h3);line-height:1.2}
p{color:var(--ink-2)}
strong{color:var(--ink);font-weight:600}

/* --- Conteneurs --- */
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--pad-x)}
.wrap-wide{max-width:var(--wrap-wide)}
.wrap-read{max-width:var(--wrap-read)} /* blogue : 65-75ch */

/* --- Etiquette de section (eyebrow) ---
   Ancienne version : mono TOUT EN MAJUSCULES precedee d'un tiret accent.
   Les deux sont des marqueurs reconnus de mise en page generee (audit
   deep-search) : le tiret colore autant que les libelles tout-caps. On garde
   donc la police d'affichage, la casse normale, et aucun ornement. */
.eyebrow{
  font-family:var(--display); font-weight:600; font-size:.9rem;
  letter-spacing:-.005em; color:var(--ink);
  display:inline-block;
}

/* --- Utilitaire mono (compteurs, donnees techniques) --- */
.mono{font-family:var(--mono);font-feature-settings:"liga" 0,"calt" 0;font-variant-numeric:tabular-nums}

.lead{color:var(--ink-2);font-size:var(--fs-lead);line-height:1.55;max-width:52ch}

/* --- Prose editoriale (blogue) : mesure 65-75ch, rythme de lecture --- */
.prose{max-width:68ch}
.prose p{margin-top:1.1em;line-height:1.7}
.prose h2{margin-top:1.8em;font-size:var(--fs-h3)}
.prose ul,.prose ol{margin-top:1.1em;padding-left:1.4em;color:var(--ink-2);display:flex;flex-direction:column;gap:.5em}
.prose a{color:var(--accent-deep);text-decoration:underline;text-underline-offset:2px}
.prose a:hover{color:var(--accent)}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}