/* ============================================================================
   Neon Bao - theme clair (choisi le 23/09/2026, direction « B »)

   Charge APRES site.css, sur toutes les pages. Il ne fait qu'ecraser : les
   couleurs, les effets et la typographie des titres. Pour revenir au neon :
   1. retirer la ligne <link ... theme-clair.css> des 5 pages ;
   2. dans le HTML, remettre logo-full-*.webp (enseigne du heros) et
      logo-wordmark-300.webp (en-tete, pied de page), conserves pour ca.

   Pourquoi : la cible (artisans, installateurs, commerces traditionnels) lit
   l'univers neon sombre comme « boite de nuit ». Fond creme, texte encre, vert
   fonce pour l'action. L'enseigne neon reste, allumee sans fond
   (logo-neon-clair-*.webp, lueur integree a l'image).
   ========================================================================== */

:root {
  /* Plus aucune lueur, grain, balayage ni ombre collee. */
  --glow-green-sm: none; --glow-green: none; --glow-green-lg: none;
  --glow-violet-sm: none; --glow-violet: none; --glow-violet-lg: none;
  --glow-inner-violet: none; --glow-inner-green: none;
  --text-glow-green: none; --text-glow-violet: none;
  --stack-violet: none; --stack-green: none; --stack-ink: none;
  --noise-opacity: 0; --scanlines: none; --wall-wash: none;

  /* Surfaces : creme, papier, blanc. */
  --surface-wall: #F6F3EC;
  --surface-panel: #EEEAE0;
  --surface-card: #FFFFFF;
  --surface-raised: #F7F5F0;
  --surface-line: #DCD6CA;

  /* Texte : encre. Contrastes AA sur creme et sur blanc. */
  --text-loud: #16161A;
  --text-body: #3B3B45;
  --text-quiet: #66666F;

  /* Couleurs de marque assombries pour rester lisibles sur fond clair. */
  --nb-green: #1F7A16; --nb-green-core: #1B6B13; --nb-green-ash: #E5F2E1;
  --nb-violet: #6C2BC4; --nb-violet-core: #5A1FA8; --nb-violet-ash: #EFE6FA;
  --nb-chili: #B8102C;
  --nb-ink-300: #8A8A94;
  --focus-ring: #5A1FA8;
  --glass: rgba(246, 243, 236, .9);
}

body::before, .nb-marquee, .nb-hero__scan { display: none; }

a { border-bottom-color: rgba(31, 122, 22, .35); }

/* Logo fonce recadre sur les lettres : sans la marge de lueur de la version
   neon, il doit etre moins haut pour garder le meme poids visuel. */
.nb-header__logo img { height: 20px; }
.nb-foot img { height: 18px; }
.nb-skip { color: #fff; }

/* ------------------------------------------------------------- titres -- */
.nb-neon {
  font: 600 clamp(40px, 4.8vw, 64px)/1.08 var(--font-tube);
  text-transform: none; letter-spacing: -.02em;
  color: var(--text-loud);
}
h2, .nb-h2, .nb-head h2, .nb-offre__title {
  font-family: var(--font-tube); font-weight: 600;
  text-transform: none; letter-spacing: -.015em;
}
.nb-offre__title { font-size: 22px; line-height: 1.25; }

/* --------------------------------- enseigne neon, allumee sans fond -- */
/* La lueur est dans l'image (logo-neon-clair-*.webp) : aucun fond, aucun cadre.
   Si on revient au theme neon, remettre logo-full-*.webp dans index.html. */
.nb-hero__sign img {
  height: auto;          /* sinon l'attribut height de la balise deforme l'image */
  max-width: 360px;
  animation: nb-gresillement 11s infinite steps(1, end);
}
/* Une enseigne qui baisse d'intensite une fraction de seconde, de loin en loin.
   Coupe par le bloc prefers-reduced-motion de site.css. */
@keyframes nb-gresillement {
  0%, 100% { opacity: 1; }
  61%      { opacity: 1; }
  61.6%    { opacity: .72; }
  62.2%    { opacity: 1; }
  63%      { opacity: .85; }
  63.5%    { opacity: 1; }
}

/* ------------------------------------------------------- composants -- */
.nb-card { border: 1px solid var(--surface-line); border-radius: 12px; box-shadow: 0 1px 2px rgba(0, 0, 0, .04); }
.nb-card--green, .nb-card--lit { border-color: #9CCB93; }
.nb-card--ticks::before, .nb-card--ticks::after { display: none; }
.nb-card--hover:hover { transform: none; border-color: #BDB5A6; }
.nb-tape { transform: none; box-shadow: none; }

.nb-btn { border-radius: 8px; text-transform: none; letter-spacing: 0; font-size: 15px; }
.nb-btn--sm { font-size: 13px; }
.nb-btn--solid, .nb-btn--solid:hover { color: #fff; border-color: var(--nb-green); box-shadow: none; }
.nb-btn--solid:hover { background: var(--nb-green-core); }
.nb-btn--tube.nb-btn--violet { color: var(--nb-violet-core); }

.nb-badge, .nb-hero__offre { border-radius: 6px; }
.nb-tarifs__amount { color: var(--nb-green); }
.nb-field__wrap { background: #fff; }
.nb-qui__photo { border: 3px solid #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, .14); }