/*
 * Les jetons du thème : toutes les couleurs, polices et formes que le reste
 * du site lit. Changer de style commence ici.
 *
 * « Le soleil sur l'eau » (refonte du 23/09/2026). L'idée vient du logo : une
 * vague bleu ciel qui enroule un disque, lue comme un soleil posé sur l'eau.
 * - UNE seule audace : la ligne d'eau de l'accueil, où le soleil se couche
 *   dans le bassin. Le reste du site est calme : fonds blancs, aplats d'eau
 *   claire, pas d'ombres portées.
 * - Le jaune soleil est réservé à l'ACTION (s'inscrire, choisir). Il n'est
 *   jamais décoratif ailleurs que dans l'astre de l'accueil.
 * - La ligne de bouées (les flotteurs des lignes d'eau) sépare les grandes
 *   zones. C'est le vocabulaire du club, déjà présent sur ses visuels.
 *
 * Chargé APRÈS heritage.css : les jetons historiques (--accent, --panel…)
 * y sont repeints, et tout ce qui les lit suit, y compris les écrans de
 * l'extension d'inscription.
 */

:root {
  /* Les couleurs du logo. */
  --soleil-marine: #1e3f94;
  --soleil-piscine: #009fe0;
  --soleil-ciel: #5bc5f2;
  /* Dérivées : le bleu du fond du bassin (texte blanc lisible dessus),
     l'eau claire des aplats, l'encre du texte courant. */
  --soleil-fond: #0a6fb2;
  --soleil-eau: #eaf7fd;
  --soleil-eau-2: #d3eefb;
  --soleil-encre: #16284f;
  --soleil-gris: #4c5f80;
  /* L'astre. */
  --soleil-jaune: #ffc53d;
  --soleil-jaune-fonce: #f5a900;

  --soleil-titre: "Unbounded", "Figtree", system-ui, sans-serif;
  --soleil-texte: "Figtree", system-ui, sans-serif;

  /* Les jetons historiques, repeints : tout ce qui les lit suit. */
  --bg: #ffffff;
  --bg-soft: var(--soleil-eau);
  --panel: #ffffff;
  --panel-strong: var(--soleil-eau-2);
  --accent: var(--soleil-marine);
  --accent-2: #0a7cc4;
  --accent-3: var(--soleil-piscine);
  --accent-4: var(--soleil-ciel);
  --accent-rgb: 30, 63, 148;
  --accent-2-rgb: 10, 124, 196;
  --accent-3-rgb: 0, 159, 224;
  --accent-4-rgb: 91, 197, 242;
  --text: var(--soleil-encre);
  --muted: var(--soleil-gris);
  --card-radius: 20px;
  --shadow: none;
}

/* La ligne de bouées : des flotteurs ronds, bleu piscine et jaune, alternés
   deux par deux comme sur une vraie ligne d'eau. */
:root {
  --bouees:
    radial-gradient(circle at 5px 5px, var(--soleil-piscine) 4.5px, transparent 5px) 0 0 / 40px 10px repeat-x,
    radial-gradient(circle at 15px 5px, var(--soleil-piscine) 4.5px, transparent 5px) 0 0 / 40px 10px repeat-x,
    radial-gradient(circle at 25px 5px, var(--soleil-jaune) 4.5px, transparent 5px) 0 0 / 40px 10px repeat-x,
    radial-gradient(circle at 35px 5px, var(--soleil-jaune) 4.5px, transparent 5px) 0 0 / 40px 10px repeat-x;
}

/* LE CONTRAT AVEC LES EXTENSIONS DU CLUB (docs/theme-et-extensions.md).
   Leur style par défaut ne lit QUE ces jetons-ci, avec une valeur de repli :
   un autre thème qui les définit les habille à ses couleurs, sans toucher à
   leur code. Ajouter un jeton ici, c'est l'ajouter au contrat. */
:root {
  --cnpr-couleur-titre: var(--soleil-marine);
  --cnpr-couleur-texte: var(--soleil-encre);
  --cnpr-couleur-texte-doux: var(--soleil-gris);
  --cnpr-couleur-lien: var(--soleil-fond);
  --cnpr-couleur-accent: var(--soleil-piscine);
  --cnpr-couleur-accent-clair: var(--soleil-ciel);
  --cnpr-couleur-action: var(--soleil-jaune);
  --cnpr-couleur-action-survol: var(--soleil-jaune-fonce);
  --cnpr-couleur-sur-action: var(--soleil-marine);
  --cnpr-fond: #ffffff;
  --cnpr-fond-doux: var(--soleil-eau);
  --cnpr-filet: var(--soleil-eau-2);
  --cnpr-rayon: 20px;
  /* Les cartes de ce thème sont à plat. */
  --cnpr-ombre: none;
  --cnpr-police-titre: var(--soleil-titre);
  --cnpr-police-texte: var(--soleil-texte);
  /* La hauteur de l'en-tête collant : ce qui se colle en haut de l'écran
     (le nom d'un mois du calendrier…) se pose juste dessous. */
  --cnpr-decalage-haut: 110px;
}