/* ============================================
   POLICES SAAB - Cabin + Inter
   Charte Graphique Officielle v3.0
   ============================================ */

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

* {
  /* Police principale - Cabin (titres, navigation, UI) */
  --font-family: "Cabin", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-weight: 400;
  
  /* Titre principal */
  --font-family-main-title: "Cabin", sans-serif;
  --font-weight-main-title: 700;
  
  /* Titres H1-H6 */
  --font-family-h: "Cabin", sans-serif;
  --font-weight-h: 600;
  
  /* Police secondaire - Inter (corps de texte) */
  --font-family-1: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-weight-1: 400;
  
  /* Variantes */
  --font-family-2: "Cabin", sans-serif;
  --font-weight-2: 500;
  
  --font-family-3: "Inter", sans-serif;
  --font-weight-3: 300;
  
  /* Espacement et tailles */
  --letter-spacing: 0.3px;
  --font-size: 16px;
  --font-size-main-title: 24px;
  --font-size-h1: 28px;
  
  /* Variables Saab spécifiques */
  --font-primary: "Cabin", sans-serif;
  --font-secondary: "Inter", sans-serif;
  --font-mono: "Courier New", monospace;
}

/* Application globale des polices Saab */
body {
  font-family: var(--font-secondary);
  font-size: var(--font-size);
  line-height: 1.6;
  letter-spacing: var(--letter-spacing);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-primary);
  font-weight: var(--font-weight-h);
  line-height: 1.2;
}

h1 {
  font-size: var(--font-size-h1);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

h2 {
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
}

h3 {
  font-size: 20px;
  font-weight: 500;
}

button, 
.btn,
input[type="submit"],
input[type="button"] {
  font-family: var(--font-primary);
  font-weight: 600;
  letter-spacing: 0.5px;
}

input, 
textarea, 
select,
label {
  font-family: var(--font-secondary);
}

.lead,
.intro {
  font-family: var(--font-secondary);
  font-size: 18px;
  font-weight: 400;
}

.caption,
.small-text,
figcaption {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: 300;
}

/* Navigation */
.navbar,
.nav-link {
  font-family: var(--font-primary);
  font-weight: 500;
}