/* =============================================================
   QUAADRA — Remplacement police : Poppins pour tout le projet
   Remplacez les variables :root de style.css par ce bloc
   ============================================================= */

:root {
  /* ---- Couleurs (inchangées) ---- */
  --c-black:      #0a0a0a;
  --c-dark:       #111111;
  --c-dark-2:     #1a1a1a;
  --c-dark-3:     #242424;
  --c-gold:       #C9A84C;
  --c-gold-light: #E0C47A;
  --c-gold-dark:  #9E7E30;
  --c-white:      #F5F0E8;
  --c-grey-1:     #2e2e2e;
  --c-grey-2:     #5a5a5a;
  --c-grey-3:     #8a8a8a;
  --c-grey-4:     #c0b8a8;
  --c-error:      #c0392b;
  --c-success:    #27ae60;

  /* ---- Typographie : TOUT en Poppins ---- */
  --font-display: 'Poppins', sans-serif;   /* anciennement Cormorant Garamond */
  --font-body:    'Poppins', sans-serif;   /* anciennement Barlow              */
  --font-cond:    'Poppins', sans-serif;   /* anciennement Barlow Condensed    */

  /* ---- Espacements (inchangés) ---- */
  --section-py:   7rem;
  --container-w:  1280px;
  --container-px: clamp(1rem, 4vw, 2.5rem);

  /* ---- Transitions (inchangées) ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:  cubic-bezier(0.7, 0, 0.84, 0);

  /* ---- Header (inchangé) ---- */
  --topbar-h: 38px;
  --nav-h:    72px;
  --header-h: calc(var(--topbar-h) + var(--nav-h));
}

/* =============================================================
   Ajustements typographiques spécifiques à Poppins
   (Poppins est plus large que Cormorant/Barlow → on affine)
   ============================================================= */

/* Titres — Poppins en gras est très impactant */
.hero-title {
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.0;
}

.section-title {
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.15;
}

.page-hero-title {
  font-weight: 800;
  letter-spacing: -0.03em;
}

/* Navigation — Poppins 600 est parfait pour les menus */
.nav-link,
.nav-mega-btn {
  font-weight: 600;
  letter-spacing: 0.05em;
}

/* Labels de section — Poppins 600 uppercase */
.section-label {
  font-weight: 600;
  letter-spacing: 0.15em;
  font-size: 0.72rem;
}

/* Corps de texte — Poppins 400 aéré */
.body-text,
p {
  font-weight: 400;
  line-height: 1.75;
}

/* Boutons — Poppins 600 */
.btn {
  font-weight: 600;
  letter-spacing: 0.08em;
}

/* Footer headings */
.footer-heading {
  font-weight: 700;
  letter-spacing: 0.12em;
}

/* Stat numbers — Poppins 800 très impactant */
.stat-number,
.kpi-number {
  font-weight: 800;
  letter-spacing: -0.03em;
}

/* Tags et badges */
.news-tag,
.nlc-tag,
.badge-lang {
  font-weight: 600;
  letter-spacing: 0.12em;
}

/* Admin — aussi en Poppins */
.admin-page-title,
.sidebar-link,
.adm-btn,
.drawer-link {
  font-family: 'Poppins', sans-serif;
}
