/* Mode sombre — site vitrine (layouts/app.blade.php et ses pages).
   Tout est préfixé html.dark : le mode clair n'est jamais touché.
   Base commune : base.css ; jumelles sombres des <style> : site-pages.css (généré). */

/* Bascule soleil/lune de la barre de navigation. */
html.dark .weza-cs-toggle { background: var(--wz-surface-2); color: #ff8f00; }
html.dark .weza-cs-toggle:hover { color: #ffb347; }

/* ══ Couleurs de marque du site (classes Tailwind personnalisées) ══════════
   base.css ne connaît que la palette Tailwind standard : les textes
   weza-dark (#0f0f0f) et rouge de marque restaient sombres sur fond sombre. */

/* Texte « encre » → texte clair. */
html.dark .text-weza-dark { color: var(--wz-text); }
html.dark .hover\:text-weza-dark:hover { color: #fff; }

/* Rouge de marque en TEXTE (titres, liens, prix) → rouge éclairci lisible.
   Les fonds rouges (boutons, pastilles pleines) ne bougent pas. */
html.dark .text-weza-red,
html.dark .text-weza-orange,
html.dark .hover\:text-weza-red:hover,
html.dark .hover\:text-weza-orange:hover,
html.dark .group:hover .group-hover\:text-weza-red { color: #ff6b76; }
html.dark .text-weza-red\/70 { color: rgba(255,107,118,.8); }
html.dark .text-weza-red-dark { color: #ff8a93; }
/* …sauf sur un fond rouge plein, où le texte reste tel quel. */
html.dark .bg-weza-red .text-weza-red, html.dark .bg-weza-orange .text-weza-red { color: inherit; }

/* Rose pâle de marque (#FEE5E7) : pastilles, lien de menu actif, icônes. */
html.dark .bg-weza-red-light,
html.dark .hover\:bg-weza-red-light:hover { background-color: rgba(255,107,118,.14); }
html.dark .border-weza-red\/10 { border-color: rgba(255,107,118,.18); }

/* Fonds « encre » : distincts de la page sombre. */
html.dark .bg-weza-dark { background-color: #0a0a0a; }

/* Bandeaux rouges (appels à l'action) : ils restent rouges en sombre, donc
   leurs boutons blancs restent blancs à texte rouge, comme en clair. */
html.dark .bg-weza-red .btn-weza-white, html.dark .bg-weza-red .bg-white,
html.dark .bg-weza-orange .btn-weza-white, html.dark .bg-weza-orange .bg-white { background-color: #fff; color: #E11D2E; border-color: #fff; }
html.dark .bg-weza-red .btn-weza-white:hover, html.dark .bg-weza-red .bg-white:hover,
html.dark .bg-weza-orange .btn-weza-white:hover, html.dark .bg-weza-orange .bg-white:hover { background-color: #fff1f2; color: #B8141F; }

/* Logo texte « WEZA » (repli quand l'image du logo manque) : sa couleur de
   marque ne change jamais, quel que soit le mode. */
html.dark .weza-logo-text { color: #E11D2E; }

/* Logo texte « WEZA » (repli quand l'image du logo manque) : sa couleur de
   marque ne change jamais, quel que soit le mode. */
html.dark .weza-logo-text { color: #E11D2E; }