/* ============================================================
   RESET — remise à zéro des styles des navigateurs + base typographique
   core/css/reset.css · codia-modules (socle « core »)
   ============================================================
   Ordre de chargement (A1) : tokens.css (projet) → reset.css → layout.css → ui.css.
   Aucune couleur en dur : uniquement des variables du fichier de tokens du
   projet, avec un repli (standard Codia C2 ; vocabulaire : README, « Thème »).
   ============================================================ */

*, *::before, *::after {
  box-sizing: border-box;
}

/* L'attribut HTML `hidden` l'emporte sur une règle qui pose `display`
   (ex. `.app-modal-overlay { display: flex }`) : la visibilité se pilote par
   l'attribut seul (routeur, composants). */
[hidden] { display: none !important; }

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--f-body, system-ui, sans-serif);
  font-weight: 400;
  color: var(--c-ink, #1A1A1A);
  background: var(--c-paper, #FDFCFA);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img {
  max-width: 100%;
  display: block;
}

a {
  color: inherit;
}

button {
  font-family: inherit;
  cursor: pointer;
}

h1, h2, h3, h4 {
  font-weight: 600;
  line-height: 1.15;
  margin: 0 0 0.6em;
  letter-spacing: -0.01em;
}

p {
  margin: 0 0 1em;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}