/* ==========================================================================
   V3 — CHARTE GRAPHIQUE OFFICIELLE FFPLUM 2025 (strict)
   --------------------------------------------------------------------------
   SEULES les 6 couleurs de la charte sont utilisées (+ le noir et le blanc
   pour la typographie, comme la charte l'autorise). Aucune teinte inventée.

     International Klein Blue  #001CA8
     Midnight Blue             #191970
     Noir d'aniline            #120D16
     White Smoke               #F5F5F5
     Cranberry Zing            #950714
     Dungeon Keeper            #F32837

   Seules variations permises : des TRANSPARENCES de ces couleurs (rgba),
   jamais de nouvelles teintes.

   Typographie : MONTSERRAT (titres & sous-titres) · CABIN (texte courant)
   ========================================================================== */

:root, body.v6, .v6{
  /* ---------- Typographie ---------- */
  --police-display: 'Montserrat', ui-sans-serif, system-ui, 'Helvetica Neue', sans-serif;
  --police-instru:  'Montserrat', ui-sans-serif, system-ui, sans-serif;
  --police-texte:   'Cabin', ui-sans-serif, system-ui, 'Helvetica Neue', sans-serif;
  --police-ui:      'Cabin', ui-sans-serif, system-ui, 'Helvetica Neue', sans-serif;
  --police-lapsus:  'Montserrat', ui-sans-serif, system-ui, sans-serif;

  --dpl-approche: -0.022em;
  --dpl-poids: 700;
  --lapsus-approche: -0.01em;
  --lapsus-poids: 700;
  --lapsus-taille: 1em;
  --lapsus-taille-grand: .96em;

  /* ---------- Bleus de la charte ---------- */
  --accent:      #001CA8;   /* International Klein Blue */
  --accent-vif:  #001CA8;
  --fonce:       #001CA8;
  --fonce-2:     #191970;   /* Midnight Blue */
  --nuit:        #120D16;   /* Noir d'aniline */

  /* ---------- Typographie : noir d'aniline et ses transparences ---------- */
  --encre:    #120D16;
  --encre-2:  rgba(18, 13, 22, .78);
  --encre-3:  rgba(18, 13, 22, .58);

  /* ---------- Fonds ---------- */
  --papier:    #F5F5F5;                 /* White Smoke */
  --papier-2:  rgba(0, 28, 168, .06);   /* voile de bleu Klein très léger */
  --voile:     #FFFFFF;

  /* ---------- Rouges : réservés aux alertes ---------- */
  --rouge: #F32837;                     /* Dungeon Keeper */

  /* ---------- Accent clair sur fond sombre ----------
     La charte n'offre AUCUN bleu clair : sur fond sombre, le seul accent
     lisible de la palette est le blanc cassé. Le BLEU est donc apporté par
     les FONDS (pastilles, surlignages en bleu Klein), pas par la couleur
     du texte. */
  --clair: #F5F5F5;

  --ciel:  rgba(245, 245, 245, .72);
  --brume: rgba(245, 245, 245, .55);
  --survol: #FFFFFF;

  --lueur-couleur: rgba(0, 28, 168, .45);
  --filet:      rgba(18, 13, 22, .12);
  --filet-fort: rgba(18, 13, 22, .28);
}

/* ---------- Rubriques : uniquement des couleurs de la charte ---------- */
.fl-rub-pratiquer  { --rub:#001CA8; --rub-clair:#F5F5F5; }
.fl-rub-encadrer   { --rub:#191970; --rub-clair:#F5F5F5; }
.fl-rub-sport      { --rub:#001CA8; --rub-clair:#F5F5F5; }
.fl-rub-securite   { --rub:#950714; --rub-clair:#F5F5F5; }
.fl-rub-actualites { --rub:#191970; --rub-clair:#F5F5F5; }
.fl-rub-federation { --rub:#120D16; --rub-clair:#F5F5F5; }

/* ---------- Typographie de la charte ---------- */
h1, h2, h3, .v6-titre, .fl-titre { font-family: var(--police-display); font-weight: 700; }
h1, .v6-titre-geant { font-weight: 800; }
body, p, li, .v6-texte { font-family: var(--police-texte); }

.fl-instru-lib, .v6-instru, .fl-instru{
  font-family: var(--police-instru);
  text-transform: uppercase;
  letter-spacing: .1em;
  font-weight: 600;
}

/* ---------- Sections sombres : Midnight Blue de la charte ---------- */
.v6-sombre { background-color: #191970; }

/* ==========================================================================
   HÉROS — équilibre bleu / blanc / rouge / noir
   Les titres ont un line-height de .92 : un FOND sur un mot déborde sur les
   lignes voisines. On utilise donc un SOULIGNEMENT, qui suit les retours à
   la ligne sans jamais recouvrir le texte.
   ========================================================================== */

/* Phrase d'accent du titre : blanche, soulignée de rouge (la touche vive) */
.fl-scene .v6-lapsus, .v6-sombre .v6-lapsus, .fl-titre .v6-lapsus{
  color: #FFFFFF;
  background: none;
  padding: 0;
  font-style: normal;
  text-decoration: underline;
  text-decoration-color: #F32837;
  text-decoration-thickness: .07em;
  text-underline-offset: .12em;
  text-decoration-skip-ink: none;
}

/* Pastille de classe : le bleu Klein, en aplat (élément isolé, aucun débord) */
.fl-scene .fl-sur-classe{
  color: #FFFFFF;
  background: #001CA8;
  box-shadow: none;
}

/* Textes du héros : blanc pour la lisibilité sur la photo */
.fl-scene .fl-sur-texte { color: rgba(255, 255, 255, .75); }
.fl-scene .fl-chapo     { color: rgba(245, 245, 245, .92); }

/* Touche de rouge : la pastille active du diaporama */
.fl-scene .v6-index > span > span { background: #F32837; }

/* ---------- Boutons : bleu Klein, texte blanc ---------- */
.v6-bouton-plein{ background: #001CA8; color:#FFFFFF; }
.v6-bouton-plein:hover{ background:#191970; }

/* ---------- Bandeau de l'espace licencié ---------- */
.fl-espace-bandeau{ background:#F5F5F5; color:#120D16; box-shadow: inset 0 0 0 1px rgba(0,28,168,.18); }