html {
  font-family: 'Inter', sans-serif;
  background-color: #EEF1EF;
}

.font-display {
  font-family: 'Fraunces', serif;
}

.font-mono-fig {
  font-family: 'IBM Plex Mono', monospace;
  font-variant-numeric: tabular-nums;
}

/* Signature de la marque : un "fil de couture" doré en pointillés,
   utilisé comme séparateur sous les titres de carte et pour l'onglet actif */
.stitch {
  position: relative;
}
.stitch::after {
  content: '';
  display: block;
  margin-top: 0.5rem;
  height: 0;
  border-top: 2px dashed #C9992B;
  opacity: 0.55;
}

.nav-active {
  position: relative;
}
.nav-active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 3px;
  border-radius: 2px;
  background: #C9992B;
}

/* Focus clavier visible partout (accessibilité) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid #C9992B;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}

/* Scrollbar discrète pour la nav mobile */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}