/* ===================================================================
   Silex · couche « couleurs » v1 (proposition)
   -------------------------------------------------------------------
   Se charge APRÈS silex.css. Ne touche ni aux contenus, ni aux positions,
   ni aux formes, ni aux filigranes : seulement aux couleurs et aux fonds.

   Principe : rythme papier / sarcelle nuit.
   - Les sections `s--alt` passent du gris presque blanc (#f7fafc, 1,05:1
     contre le blanc : invisible) à la teinte de marque `--tint`.
   - Deux à trois sections par page passent en « sarcelle nuit »
     (`--acc-ink`, déjà dans la charte) : classe `s--dk`.
   - Les cartes blanches posées sur ces bandes restent blanches : ce sont
     des « îlots clairs » qui ressortent (même mécanique que Neth).
   - L'accent `--acc2` (identité) devient lisible comme TEXTE sur fond
     sombre (5,05:1), ce qu'il ne peut pas être sur blanc (2,44:1).
   =================================================================== */

:root {
  /* Texte secondaire : #83878f ne valait que 3,60:1 sur blanc. */
  --sec: #6c7079;
  /* Fond alterné : la teinte de marque plutôt qu'un gris invisible. */
  --bg2: #eaf6fb;
  /* Sur fond sombre */
  --nuit: #0a3a45; /* = --acc-ink, sarcelle nuit (charte) */
  --nuit2: #0c4452; /* relief des éléments posés sur la nuit */
  --craie: #ffffff;
  --craie2: #b9d3da; /* texte courant sur nuit : 7,86:1 */
  --craie3: #8fb1ba; /* texte discret sur nuit : 5,38:1 */
  --filet-nuit: rgba(255, 255, 255, 0.14);
}

/* --- sur-titres lisibles sur fond clair (3,76:1 → 4,88:1 / 6,2:1) --- */
.kick {
  color: var(--acc-btn);
}
.s--alt .kick,
.phero .kick,
.hero .kick {
  color: var(--acc-btn-h);
}

/* --- héros : dégradé un peu plus affirmé, même forme --- */
.hero,
.phero {
  background: linear-gradient(180deg, #e2f2f8 0%, #eff8fc 48%, #fff 100%);
}

/* --- sections alternées : teinte de marque --- */
.s--alt {
  background: var(--bg2);
}
.s--alt .c,
.s--alt .panel,
.s--alt .lab__stage,
.s--alt .lab__card {
  border-color: var(--tint2);
}

/* ===================================================================
   BANDES SARCELLE NUIT
   On redéfinit les jetons à l'échelle de la section, puis on les rétablit
   dans les « îlots clairs » (cartes, panneaux, formulaires).
   =================================================================== */
.s--dk {
  background: var(--nuit);
  color: var(--craie);
  --ink: var(--craie);
  --body: var(--craie2);
  --sec: var(--craie3);
  --line: var(--filet-nuit);
  --line2: var(--filet-nuit);
  --acc: var(--acc2);
}
.s--dk .kick {
  color: var(--acc2);
}

/* Filigrane : le motif est tracé en sarcelle foncée ; on l'inverse pour
   qu'il reste visible (et toujours discret) sur la nuit. */
.s--dk .tex {
  filter: invert(1) brightness(1.6);
  opacity: 0.06;
}
.s--dk .gly {
  stroke: var(--acc2);
}

/* Boutons sur la nuit : l'accent clair porte du texte foncé (7,85:1). */
.s--dk .b1 {
  background: var(--acc2);
  color: #0f0f12;
}
.s--dk .b1:hover {
  background: #6fd0ea;
}
.s--dk .b2 {
  background: transparent;
  color: var(--craie);
  border-color: rgba(255, 255, 255, 0.28);
}
.s--dk .b2:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.5);
}
.s--dk .b3 {
  color: var(--acc2);
}

/* Îlots clairs : jetons d'origine rétablis */
.s--dk
  :is(
    .c,
    .quote,
    .pcard,
    .panel,
    .lab__stage,
    .lab__card,
    .lab__msg,
    .labtog,
    .seg,
    .contact-card,
    .wr__stage,
    .wr__card,
    .di,
    .tag,
    .nextb
  ) {
  --ink: #141416;
  --body: #5b5f67;
  --sec: #6c7079;
  --line: #e9ecf1;
  --line2: #f1f3f7;
  --acc: #0b8fb2;
  color: var(--ink);
}
.s--dk .c {
  border-color: transparent;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}
.s--dk .quote {
  border-color: transparent;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}
.s--dk .c .kick,
.s--dk .contact-card .kick,
.s--dk .lab__card .kick {
  color: var(--acc-btn);
}
.s--dk .contact-card .b1,
.s--dk .c .b1 {
  background: var(--acc-btn);
  color: #fff;
}

/* Variante « appel final » : même nuit, halo d'accent pour conclure. */
.s--cta {
  background:
    radial-gradient(640px 320px at 50% 0%, rgba(63, 179, 212, 0.2), transparent 70%), var(--nuit);
}

/* Pied de page : l'encre noire d'origine, désormais distincte de la nuit. */
.ft {
  background: var(--ink2);
}