/* ---------------------------------------------------------------------------
   site-v6-sombre.css : le fond de l'accueil, sur toutes les pages publiques. 21/09/2026.
   Va avec scripts/theme-sombre.js, qui vide les bulles et traduit les couleurs.
   Ici : le fond unique, sa couche de lueurs fixe, et le temps d'attente avant la
   traduction (la page ne clignote pas en crème avant de passer en sombre).
--------------------------------------------------------------------------- */
html:not(:has(body.hv6-sombre)){background:#242321!important;color-scheme:dark}
html:not(:has(body.hv6-sombre)) body{background:transparent!important}
/* La couche de lueurs : la même que l'accueil, fixe, derrière toute la page. */
html:not(:has(body.hv6-sombre)) body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(860px 460px at 8% -10%,rgba(240,68,56,.20),rgba(240,68,56,0) 64%),
    radial-gradient(980px 560px at 92% -14%,rgba(49,85,217,.26),rgba(49,85,217,0) 66%),
    radial-gradient(1000px 600px at 100% 110%,rgba(240,68,56,.18),rgba(240,68,56,0) 66%),
    radial-gradient(900px 560px at -6% 106%,rgba(49,85,217,.22),rgba(49,85,217,0) 66%)}
/* Pas de flash crème : la page attend la traduction, 600 ms au plus. Si le script ne passe
   pas, l'animation rend la page visible quand même : jamais d'écran vide. */
html:not(.site-sombre-pret):not(:has(body.hv6-sombre)) body{opacity:0;animation:site-sombre-voir 0s .6s forwards}
@keyframes site-sombre-voir{to{opacity:1}}
/* La barre du haut et le pied de page : les mêmes que l'accueil */
html.site-sombre .hsite-header,html.site-sombre .hsite-bar{background:rgba(36,35,33,.72)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #3A3937!important}
html.site-sombre .hsite-logo img{content:url("/happia_logo_v6_blanc.svg")}
html.site-sombre .hsite-nav a,html.site-sombre .hsite-nav summary{color:#F5F2EC!important}
html.site-sombre .hsite-cta{background:transparent!important;border:1px solid #F04438!important;color:#FF8B7E!important;min-height:0!important;padding:8px 16px!important;font-size:14px!important}
html.site-sombre ::selection{background:rgba(240,68,56,.35);color:#F5F2EC}
html.site-sombre a:not([class]){text-decoration-color:rgba(255,139,126,.5)}
/* Les pastilles dessinées en pseudo-élément (voir theme-sombre.js, étape 4) : vides, contour et chiffre de leur couleur.
   La classe est répétée six fois exprès : les numéros de sommaire du blog sont écrits avec une
   spécificité de quatre classes et !important, il faut passer devant. */
html.site-sombre .ss-before.ss-before.ss-before.ss-before.ss-before.ss-before::before{background:transparent!important;box-shadow:none!important;border:1px solid var(--ss-before)!important;color:var(--ss-before)!important}
html.site-sombre .ss-after.ss-after.ss-after.ss-after.ss-after.ss-after::after{background:transparent!important;box-shadow:none!important;border:1px solid var(--ss-after)!important;color:var(--ss-after)!important}
html.site-sombre .ss-before-vide.ss-before-vide.ss-before-vide.ss-before-vide.ss-before-vide.ss-before-vide::before,html.site-sombre .ss-after-vide.ss-after-vide.ss-after-vide.ss-after-vide.ss-after-vide.ss-after-vide::after{background:transparent!important;box-shadow:none!important}
/* Les logos Happia écrits en encre foncée (en-têtes propres à Commande, à l'essai, pieds de page) : la version blanche */
html.site-sombre img[src$="happia_logo.svg"],html.site-sombre img[src$="happia_logo.png"],html.site-sombre img[src$="happia_logo_v6.svg"],html.site-sombre img[src*="happia_logo.svg?"],html.site-sombre img[src*="happia_logo_v6.svg?"]{content:url("/happia_logo_v6_blanc.svg")}