:root {
  --color-bg-light: #ECE3D5;
  --color-bg-dark: #6FA3b5;
  --color-bg-dark-2: #c3c6c6;
  --color-text-dark: #2F3133;
  --color-heading: #2F3133;
  --color-text-muted: #5B4636;
  --color-eyebrow: #ECE3D5;
  --color-banner-text: #ECE3D5;
  --color-nav-text: #ECE3D5;
  --color-text-cream: #2F3133;
  --color-accent: #5B4636;
  --hero-home-bg: url('/img/hero-home-e08a618b.jpg');
  --hero-menu-bg: url('/img/hero-menu-06c66c20.jpg');
  --hero-histoire-bg: url('/img/hero-histoire-db53aebd.png');
  --hero-concept-bg: url('/img/hero-concept-85ad40d8.png');
  --hero-contact-bg: url('/img/hero-contact-9e6daae6.jpg');
  --hero-mentions-legales-bg: url('/img/hero-mentionslegales-d15c8470.jpg');
  --hero-not-found-bg: url('/img/placeholder-hero.jpg');
}

/* Les titres suivent la couleur "Titres", sauf sur les bannières (couleur
   "Texte des bannières") et dans les zones sombres (couleur "Texte du footer"). */
h1, h2, h3 { color: var(--color-heading); }
.hero-content, .page-banner-content { --color-heading: var(--color-banner-text); }
.site-footer { --color-heading: var(--color-text-cream); }

/* Accueil : les 3 panneaux du bas ont le même style (fond transparent). */
.tabs-teaser .tab-card-alt { background: transparent; color: inherit; }

/* Accueil : léger flou sur l'image de la bannière (4px). */
body[data-page="home"] .hero { overflow: hidden; }
body[data-page="home"] .hero::before {
  content: '';
  position: absolute;
  inset: -8px;
  background-image: var(--hero-home-bg);
  background-size: cover;
  background-position: center;
  filter: blur(4px);
  pointer-events: none;
}

/* Barre de navigation une fois qu'on défile et menu mobile ouvert : dérivés
   de la couleur "Fond du header / bannières". */
.site-header.is-scrolled { background: rgba(111, 163, 181, 0.92); }
@media (max-width: 900px) {
  body.nav-open .main-nav { background: rgba(111, 163, 181, 0.98); }
}
.site-header.is-scrolled .logo-mark { filter: brightness(0); }

/* ----- Page : Accueil ----- */
body[data-page="home"] .site-header .logo-mark { filter: none; }
body[data-page="home"] .site-header.is-scrolled .logo-mark { filter: brightness(0); }

/* ----- Page : Menu boulangerie ----- */
body[data-page="menu"] .site-header .logo-mark { filter: none; }
body[data-page="menu"] .site-header.is-scrolled .logo-mark { filter: brightness(0); }

/* ----- Page : Notre histoire ----- */
body[data-page="histoire"] .site-header .logo-mark { filter: none; }
body[data-page="histoire"] .site-header.is-scrolled .logo-mark { filter: brightness(0); }

/* ----- Page : Notre concept ----- */
body[data-page="concept"] .site-header .logo-mark { filter: none; }
body[data-page="concept"] .site-header.is-scrolled .logo-mark { filter: brightness(0); }

/* ----- Page : Contact ----- */
body[data-page="contact"] .site-header .logo-mark { filter: none; }
body[data-page="contact"] .site-header.is-scrolled .logo-mark { filter: brightness(0); }

/* ----- Page : Mentions légales ----- */
body[data-page="mentionsLegales"] .site-header .logo-mark { filter: none; }
body[data-page="mentionsLegales"] .site-header.is-scrolled .logo-mark { filter: brightness(0); }

/* ----- Page : Page 404 ----- */
body[data-page="notFound"] .site-header .logo-mark { filter: none; }
body[data-page="notFound"] .site-header.is-scrolled .logo-mark { filter: brightness(0); }