/* Brand guidelines helper for external parsers like Canva */
:root {
  --blanc: #FFFFFF;
  --ivoire: #F7F7F7;
  --amande: #E0E0E0;
  --taupe: #8B766B;
  --noir: #000000;

  --primary: #000000;
  --primary-light: #333333;
  --accent: #8B766B;
  --cream: #F7F7F7;
  --warm: #F0F0F0;
  --dark: #000000;
  --white: #FFFFFF;
  --text: #000000;
  --text-light: #555555;
}

body {
  font-family: 'Nunito', sans-serif;
  color: var(--text);
  background: var(--white);
}

h1,
h2,
h3,
.nav-logo,
.brand-title {
  font-family: 'Noto Sans', sans-serif;
  color: var(--noir);
  text-transform: uppercase;
  letter-spacing: 1px;
}

p,
a,
li,
span,
.brand-body {
  font-family: 'Nunito', sans-serif;
  color: var(--text);
}

.brand-primary { color: var(--noir); }
.brand-accent { color: var(--taupe); }
.brand-bg-primary { background: var(--noir); color: var(--white); }
.brand-bg-accent { background: var(--taupe); color: var(--white); }
.brand-bg-light { background: var(--cream); color: var(--text); }

/* === Sections temporairement masquées (en attente de contenu) ===
   À retirer pour réactiver la section correspondante.
   Les <li> de nav/footer pointant vers ces sections ont été retirés du HTML
   le 2026-05-10, donc les sélecteurs `:has()` correspondants ne sont plus utiles. */

/* Quiz : section principale + CTAs body (hero + flottant + teaser services) */
.floating-cta,
.quiz-section,
.services-teaser,
.hero-actions a[href*="quiz"] { display: none !important; }

/* Galerie Avant/Après sur la home */
.gallery-section { display: none !important; }

