:root {
  --prune:  #2a0915;
  --orange: #fe3600;
  --rose:   #d4a8ce;
  --peche:  #f5b8a3;
  --gris:   #e3e1dd;
  --creme:  #faf7f1;
  --bg:     #0e0508;
  --font:   'Rethink Sans', system-ui, sans-serif;
}

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

html, body {
  width: 100%; height: 100%;
  overflow: hidden;
  background: var(--bg);
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
}

button { background: none; border: none; cursor: pointer; font: inherit; color: inherit; padding: 0; }
a      { text-decoration: none; color: inherit; }
img    { display: block; }

/* Supprime l'outline par défaut — focus-visible gère l'affichage */
*:focus { outline: none; }
:focus-visible {
  outline: 2px solid rgba(254, 54, 0, 0.75);
  outline-offset: 3px;
  border-radius: 3px;
}

/* Visuellement caché mais lisible par les lecteurs d'écran */
.sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}