/* =========================================================
   WARM-UP BY POPITA — Design tokens & polices
   Version déployée : 2026-08-03-v9
   (vérifiable via Ctrl+U ou l'onglet Network → style.css sur le site en ligne,
   pour confirmer que la dernière version est bien celle servie par le serveur)
   ========================================================= */

/* ---------------------------------------------------------
   Tusker Grotesk — famille condensée à variable (largeur × graisse)
   Convention des fichiers fournis : [largeur][graisse]
     largeur : 5 = condensed · 6 = semi-condensed · 7 = normal
               8 = semi-expanded · 9 = expanded
     graisse : 500 medium · 600 semibold · 700 bold · 800 super
   On déclare tout sous UNE seule font-family : le navigateur
   choisit automatiquement le bon fichier selon font-weight +
   font-stretch demandés en CSS (pas besoin de classes séparées).
   --------------------------------------------------------- */

@font-face {
  font-family: 'Tusker Grotesk';
  src: url('../assets/fonts/TuskerGrotesk-5500Medium.woff2') format('woff2');
  font-weight: 500;
  font-stretch: 75%; /* condensed */
  font-display: swap;
}
@font-face {
  font-family: 'Tusker Grotesk';
  src: url('../assets/fonts/TuskerGrotesk-5600Semibold.woff2') format('woff2');
  font-weight: 600;
  font-stretch: 75%; /* condensed */
  font-display: swap;
}
@font-face {
  font-family: 'Tusker Grotesk';
  src: url('../assets/fonts/TuskerGrotesk-6600Semibold.woff2') format('woff2');
  font-weight: 600;
  font-stretch: 87.5%; /* semi-condensed */
  font-display: swap;
}
@font-face {
  font-family: 'Tusker Grotesk';
  src: url('../assets/fonts/TuskerGrotesk-6800Super.woff2') format('woff2');
  font-weight: 800;
  font-stretch: 87.5%; /* semi-condensed */
  font-display: swap;
}
@font-face {
  font-family: 'Tusker Grotesk';
  src: url('../assets/fonts/TuskerGrotesk-7600Semibold.woff2') format('woff2');
  font-weight: 600;
  font-stretch: 100%; /* normal */
  font-display: swap;
}
@font-face {
  font-family: 'Tusker Grotesk';
  src: url('../assets/fonts/TuskerGrotesk-7700Bold.woff2') format('woff2');
  font-weight: 700;
  font-stretch: 100%; /* normal */
  font-display: swap;
}
@font-face {
  font-family: 'Tusker Grotesk';
  src: url('../assets/fonts/TuskerGrotesk-7800Super.woff2') format('woff2');
  font-weight: 800;
  font-stretch: 100%; /* normal */
  font-display: swap;
}
@font-face {
  font-family: 'Tusker Grotesk';
  src: url('../assets/fonts/TuskerGrotesk-8700Bold.woff2') format('woff2');
  font-weight: 700;
  font-stretch: 112.5%; /* semi-expanded */
  font-display: swap;
}
@font-face {
  font-family: 'Tusker Grotesk';
  src: url('../assets/fonts/TuskerGrotesk-8800Super.woff2') format('woff2');
  font-weight: 800;
  font-stretch: 112.5%; /* semi-expanded */
  font-display: swap;
}
@font-face {
  font-family: 'Tusker Grotesk';
  src: url('../assets/fonts/TuskerGrotesk-9800Super.woff2') format('woff2');
  font-weight: 800;
  font-stretch: 125%; /* expanded */
  font-display: swap;
}

/* Corps de texte : sans-serif neutre, très lisible en petite taille,
   pour contraster avec l'impact de Tusker sur les titres. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700&display=swap');

:root {
  /* Couleurs — confirmées à l'identique sur le logo fourni
     (fond nuit : rgb(35,26,83) ≈ #241952 · bandeau : rgb(255,222,0) = #FFDE00 pile) */
  --navy: #241952;
  --navy-deep: #170f38;   /* variante plus sombre, fonds profonds / footer */
  --yellow: #FFDE00;
  --white: #FFFFFF;
  --accent-blue: #007DFE; /* bleu du logo Meules Bleues Festival — usage ponctuel, ex. lien vers le festival */

  /* Typo */
  --font-display: 'Tusker Grotesk', 'Arial Narrow', sans-serif;
  --font-body: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Rythme */
  --radius: 14px;
  --container: 1180px;
}