/* SPECTRE · z/S SYSTEMS · la lumière de l'Oracle · 12 octobre 2026
   Déclinaison 2027 de la Pop Spectrale. Le monde est noir et blanc ; la couleur n'existe que comme une lumière
   qui traverse le verre. Elle se pose sur un mot, un filet, un halo. Jamais sur un fond, jamais sur un paragraphe.
   Inspiration : l'identité Apple TV d'octobre 2025 (verre réel, arc-en-ciel de 1977 en dégradé discret, les teintes défilent puis se posent).
   Aucune dépendance. Les animations sont finies (l'éclat se joue une fois), parce que la couche DA du site coupe les boucles infinies. */
:root{
  --sp-noir:#06080B; --sp-blanc:#F4F6FA; --sp-gris:#A7ADB6;
  /* LE REPOS · le dégradé posé, majoritairement bleuté, une chaleur à peine en bout de course */
  --sp-repos:linear-gradient(100deg,#F4F6FA 0%,#D6EAFF 16%,#9CCBFF 34%,#7C9CFF 54%,#A68CFF 72%,#E7CCFF 90%,#F4F6FA 100%);
  /* LE PASSAGE · les teintes que l'on traverse pendant l'éclat, avant de se poser (menthe, ciel, azur, iris, rose de verre, ambre) */
  --sp-passage:#7CF2D4,#8FD3FF,#6E8BFF,#B07CFF,#FF9FD0,#FFD27A;
  /* LE FILET · une ligne de lumière, 1 à 2 pixels */
  --sp-filet:linear-gradient(90deg,rgba(156,203,255,0) 0%,#9CCBFF 22%,#7C9CFF 50%,#A68CFF 78%,rgba(166,140,255,0) 100%);
  /* LE HALO · la lumière derrière l'icône, jamais plus de 18 % */
  --sp-halo:conic-gradient(from 200deg,#7CF2D4,#8FD3FF,#6E8BFF,#B07CFF,#FF9FD0,#FFD27A,#7CF2D4);
  /* COURRIEL · Gmail ne sait pas peindre un dégradé dans un texte : la couleur de repli est le ciel */
  --sp-mail:#9CCBFF;
}
/* 1 · LE MOT · un seul par écran, sur un titre ou un mot fort */
.spectre{background-image:var(--sp-repos);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;display:inline-block;padding-bottom:.06em}
/* 2 · L'ÉCLAT · au premier regard, les teintes défilent dans le verre, un reflet blanc traverse, puis le mot se pose */
.spectre.sp-eclat{background-image:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.95) 50%,transparent 58%),linear-gradient(100deg,var(--sp-passage),#F4F6FA 66%,#D6EAFF 72%,#9CCBFF 78%,#7C9CFF 84%,#A68CFF 90%,#E7CCFF 96%,#F4F6FA);
  background-size:260% 100%,320% 100%;background-position:-60% 0,100% 0;animation:sp-eclat 2.2s cubic-bezier(.22,.7,.12,1) .15s 1 both}
@keyframes sp-eclat{0%{background-position:130% 0,0% 0}55%{background-position:-30% 0,60% 0}100%{background-position:-60% 0,100% 0}}
/* 3 · LE FILET · sous un titre de rubrique, en tête d'une carte */
.sp-filet{height:1px;border:0;background:var(--sp-filet);opacity:.9}
.sp-bord{position:relative}.sp-bord::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--sp-filet)}
/* 4 · LE HALO · derrière le Bezosian ou une icône, flou, discret */
.sp-halo{position:relative;isolation:isolate}.sp-halo::before{content:"";position:absolute;inset:-28%;border-radius:50%;background:var(--sp-halo);filter:blur(28px);opacity:.16;z-index:-1}
/* 5 · LE REPLI · mouvement réduit : le mot reste posé, rien ne défile */
@media (prefers-reduced-motion:reduce){.spectre.sp-eclat{animation:none;background-image:var(--sp-repos);background-size:100% 100%}}