@tailwind base;
@tailwind components;
@tailwind utilities;

html,
body,
#root {
  height: 100%;
  margin: 0;
}

body {
  background: #f7f8fa;
  color: #1c2536;
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Titres : léger resserrement, comme dans la maquette Nocturne. */
h1,
h2,
h3 {
  letter-spacing: -0.025em;
}

/* Ex-police pixel : « kicker » de la maquette (petites capitales espacées). */
.font-pixel {
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* Barres de défilement discrètes (règles .scr de la maquette) */
.scr::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.scr::-webkit-scrollbar-thumb {
  background: #c3c9d2;
  border-radius: 6px;
  border: 3px solid transparent;
  background-clip: content-box;
}
.scr::-webkit-scrollbar-track {
  background: transparent;
}

/* Focus visible accentué, sélection teintée — repris de la maquette. */
:focus-visible {
  outline: 2px solid #2f4a7a;
  outline-offset: 2px;
}
::selection {
  background: rgba(47, 74, 122, 0.32);
}