/**
 * @file
 * Configuration des polices pour le thème Travila
 */

/* Import Google Fonts - Manrope */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');

/* === CONFIGURATION DES POLICES === */
:root {
  --font-family-primary: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-secondary: "Georgia", "Times New Roman", Times, serif;
  
  /* Tailles de police */
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 30px;
  --font-size-4xl: 36px;
  
  /* Poids de police */
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  
  /* Hauteur de ligne */
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;
}

/* === CLASSES UTILITAIRES === */

/* Tailles de texte */
.text-xs { font-size: var(--font-size-xs); }
.text-sm { font-size: var(--font-size-sm); }
.text-base { font-size: var(--font-size-base); }
.text-lg { font-size: var(--font-size-lg); }
.text-xl { font-size: var(--font-size-xl); }
.text-2xl { font-size: var(--font-size-2xl); }
.text-3xl { font-size: var(--font-size-3xl); }
.text-4xl { font-size: var(--font-size-4xl); }

/* Poids de police */
.font-light { font-weight: var(--font-weight-light); }
.font-normal { font-weight: var(--font-weight-normal); }
.font-medium { font-weight: var(--font-weight-medium); }
.font-semibold { font-weight: var(--font-weight-semibold); }
.font-bold { font-weight: var(--font-weight-bold); }

/* Classes spécifiques Travila */
.text-xs-medium { 
  font-size: var(--font-size-xs); 
  font-weight: var(--font-weight-medium); 
}

.text-sm-bold { 
  font-size: var(--font-size-sm); 
  font-weight: var(--font-weight-bold); 
}

.text-md-bold { 
  font-size: var(--font-size-base); 
  font-weight: var(--font-weight-bold); 
}

.text-lg-bold { 
  font-size: var(--font-size-lg); 
  font-weight: var(--font-weight-bold); 
}

/* Hauteur de ligne */
.leading-tight { line-height: var(--line-height-tight); }
.leading-normal { line-height: var(--line-height-normal); }
.leading-relaxed { line-height: var(--line-height-relaxed); }