/* La Marocaine — styles complémentaires (Tailwind v4 via CDN) */

@layer base {
  body {
    font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
    background-color: #faf8f5;
    color: #1f1916;
  }

  h1,
  h2,
  h3,
  h4,
  .font-serif {
    font-family: "Cormorant Garamond", Georgia, Cambria, serif;
  }
}

.font-arabic {
  font-family: "Amiri", serif;
}

.drop-cap::first-letter {
  font-family: "Cormorant Garamond", Georgia, Cambria, serif;
  float: left;
  font-size: 3.75rem;
  line-height: 0.85;
  margin-right: 0.65rem;
  margin-top: 0.15rem;
  color: #9c4a2f;
  font-weight: 600;
}

/* Onglets de navigation (état actif identique à la maquette React) */
.nav-tab.is-active {
  color: #e11d48;
  border-bottom: 2px solid #e11d48;
}

/* Barre de défilement discrète */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #faf8f5;
}
::-webkit-scrollbar-thumb {
  background: #d8ccbd;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #9c4a2f;
}

/* Filet de progression de lecture (page article) */
.read-progress {
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 2px;
  width: 0;
  background: #9c4a2f;
  transition: width 0.15s linear;
}