/* ==========================================================================
   Differenciation visuelle par facade (FFE-CGTR)
   --------------------------------------------------------------------------
   Additif et scopé [data-site] : la facade "federation" (defaut) n'est PAS
   ciblee ici -> le socle (site.css) reste identique.
   Le rouge CGT reste la couleur des actions (boutons, CTA) ; l'accent
   secondaire habille le chrome (filet d'en-tete, eyebrows, kickers, nav,
   ticker) pour donner a chaque syndicat une couleur reconnaissable.
   Valeurs issues du handoff Claude Design (docs/design/README.md).
   ========================================================================== */

/* ---- Palettes d'accent ---- */
[data-site="educaction"] {
  --cgt-accent: #F0A93B;      /* ocre chaud */
  --cgt-accent-ink: #9A5A0D;
  --cgt-accent-soft: #FDF1DF;
}
[data-site="educaction-sup"] {
  /* Le Sup assume une vraie couleur maitresse ardoise : on surcharge le rouge CGT,
     donc TOUT ce qui l'utilise (boutons, CTA, bandeau, liens, accents) devient
     ardoise sur l'ensemble du sous-site. Le jaune CGT et le logo restent. */
  --cgt-red: #1C3A5E;
  --cgt-red-dark: #142A45;
  --cgt-red-soft: #EDF1F6;
  --shadow-red: 0 8px 16px rgba(28,58,94,0.18);
  --cgt-accent: #1C3A5E;      /* ardoise froide */
  --cgt-accent-ink: #1C3A5E;
  --cgt-accent-soft: #EDF1F6;
}

/* ---- Filet d'accent sous l'en-tete : visible sur TOUTES les pages ---- */
[data-site="educaction"] .header,
[data-site="educaction-sup"] .header {
  border-bottom: 3px solid var(--cgt-accent);
}

/* ---- Eyebrow du hero ---- */
[data-site="educaction"] .hero-eyebrow,
[data-site="educaction-sup"] .hero-eyebrow {
  color: var(--cgt-accent-ink);
}
[data-site="educaction"] .hero-eyebrow::after,
[data-site="educaction-sup"] .hero-eyebrow::after {
  background: var(--cgt-accent);
}
[data-site="educaction-sup"] .hero-eyebrow::before {
  background: var(--cgt-accent);
}

/* ---- Intitules de section (kicker) ---- */
[data-site="educaction"] .section-head .kicker,
[data-site="educaction-sup"] .section-head .kicker {
  color: var(--cgt-accent-ink);
}
[data-site="educaction"] .section-head .kicker::after,
[data-site="educaction-sup"] .section-head .kicker::after {
  background: var(--cgt-accent);
}

/* ---- Lien de nav actif ---- */
[data-site="educaction"] .nav a.active::after,
[data-site="educaction-sup"] .nav a.active::after {
  background: var(--cgt-accent);
}

/* ---- Filet d'accent sous le bandeau "En direct" ---- */
[data-site="educaction"] .ticker,
[data-site="educaction-sup"] .ticker {
  border-bottom: 3px solid var(--cgt-accent);
}

/* ---- Le Sup assume un registre plus froid : le bandeau "En direct" prend
        l'ardoise (contraste suffisant avec le texte blanc). Pour l'ocre, on
        garde le rouge (meilleure lisibilite). ---- */
[data-site="educaction-sup"] .ticker-label {
  background: var(--cgt-accent);
}

/* ---- Encart "nos syndicats" du portail (voir federation/home) : liseré accent ---- */
[data-site="educaction"] .synd-xcard,
[data-site="educaction-sup"] .synd-xcard {
  border-top-color: var(--cgt-accent);
}