/* ============================================
   BASE — Variables, Reset, Styles Globaux
============================================ */
:root {
  --nav-height: 62px;
  --red: #e8001d;
  --red2: #a0001a;
  --blk: #070707;
  --dk: #111;
  --dk2: #181818;
  --dk3: #1f1f1f;
  --gray: #777;
  --wht: #fff;
  --gold: #c9a84c;
  --blue: #2255ee;
  --grn: #00cc77;
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  scroll-behavior: smooth;
}
/* Animation d'entrée de page */
@keyframes page-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}
body {
  background: var(--blk);
  color: var(--wht);
  font-family: "DM Sans", sans-serif;
  font-weight: 300;
  overflow-x: hidden;
  animation: page-in 0.3s ease both;
}
/* Focus visible — anneau rouge cohérent avec le thème */
:focus-visible {
  outline: 2px solid var(--red);
  outline-offset: 3px;
  border-radius: 2px;
}
/* Désactive l'outline par défaut uniquement sur clic souris */
:focus:not(:focus-visible) {
  outline: none;
}
::-webkit-scrollbar {
  width: 3px;
}
::-webkit-scrollbar-track {
  background: var(--blk);
}
::-webkit-scrollbar-thumb {
  background: var(--red);
}