/* === IMPORT DES POLICES === */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Oswald:wght@500;700&display=swap');

/* 
 * POINT PÉDAGOGIE : Thème Clair & Identité
 * Selon tes instructions, la source de vérité XML impose un thème clair.
 * On définit des variables CSS globales qui serviront de base à Tailwind
 * et aux styles natifs personnalisés.
 * 
 * Noir : #111827 (Texte principal)
 * Blanc : #ffffff (Fond principal)
 * Rouge vif : #dc2626 (Accent, Boutons)
 * Or : #eab308 (Accent secondaire, distinction)
 */

:root {
  --muay-light: #ffffff;
  --muay-text: #111827; 
  --muay-red: #dc2626;
  --muay-gold: #eab308;
}

body {
  background-color: var(--muay-light);
  color: var(--muay-text);
}

/* === STYLES NATIFS & PERSONNALISATIONS HORS TAILWIND === */

/* Scrollbar très propre pour un thème clair */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #f1f5f9; /* Gris très clair */
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1; 
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--muay-red); 
}

/* Sélection du texte : On garde le rouge identitaire */
::selection {
  background-color: var(--muay-red);
  color: #ffffff;
}

/* Utilité pour le smooth scrolling natif */
html {
  scroll-behavior: smooth;
}