/* ──────────────────────────────────────────────────────────────
   Base — reset universel + typographie de base + utilitaires partagés.
   Chargé après tokens.css. Remplace les règles *, body, .icon, .hidden
   qui étaient inline dans index.html.
   ────────────────────────────────────────────────────────────── */

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: var(--font-sans);
  background: var(--bg);
  min-height: 100vh;
  color: var(--text);
}

/* Icône SVG inline — pilotée par la color du parent (stroke=currentColor) */
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  overflow: visible;
}

/* Utilitaires d'affichage */
.hidden { display: none !important; }