/* ============================================================
   Féemoi une place — variables de design
   Direction « Néon de scène », validée le 22 juillet 2026.

   PRINCIPE : deux régimes de couleur.
   - Sur fond SOMBRE (rail, hero, bandeau de caisse, talon du billet) on
     emploie les couleurs pleinement saturées : --action-neon, --corail, --ambre.
   - Sur fond CLAIR (catalogue, formulaires, tableaux) on emploie la version
     encrée de la même teinte : --action, pour les boutons, les prix et les liens.
   C'est ce dédoublement qui rend la palette vive sans jamais devenir illisible.

   RÈGLE D'ERREUR : le rouge n'est jamais un aplat plein. Une erreur se signale
   par un fond pâle, un filet, une icône ET un mot. Une action destructrice est
   un bouton blanc à texte rouge. Voir AUDIT-ESTHETIQUE.md.

   À importer dans toutes les pages (public + admin).
   ============================================================ */

:root {
  /* --- Structure sombre (identité, profondeur) --- */
  --nuit:          #1E1030;  /* rail, hero, bandeaux, talon du billet */
  --nuit-clair:    #2C1A45;  /* cartes posées sur du sombre */

  /* --- Couleur d'action (fuchsia) --- */
  --action:        #C4188F;  /* boutons primaires, prix, liens, jauges */
  --action-fonce:  #9E126F;  /* survol, actif, texte sur fond pâle */
  --action-pale:   #FCE4F6;  /* badges, halo de focus, séparations pointillées */
  --action-neon:   #FF5FD0;  /* UNIQUEMENT sur fond sombre et en décor */

  /* --- Accents chauds --- */
  --corail:        #FF7A4D;  /* second accent, aplats à texte foncé */
  --ambre:         #FFC24B;  /* billets, étincelles, rappel précieux */
  --ambre-texte:   #8A6A22;  /* seule version lisible en texte sur fond clair */

  /* --- Neutres --- */
  --encre:         #241436;  /* texte principal */
  --encre-douce:   #675379;  /* texte secondaire */
  --fond:          #FFF7F3;  /* fond de page (jamais de blanc pur) */
  --carte:         #FFFFFF;  /* fond des cartes et formulaires */

  /* --- Couleurs sémantiques --- */
  --succes:           #0C7A54;
  --succes-pale:      #E3F5EC;
  --erreur:           #C2361F;
  --erreur-pale:      #FDEBE6;
  --erreur-texte:     #982914;  /* texte d'erreur sur fond pâle */
  --attention:        #E8A013;  /* fond seulement, illisible en texte */
  --attention-pale:   #FBEECF;
  --attention-texte:  #8A5A00;

  /* --- Alias hérités (compatibilité des feuilles existantes) ---
     Le violet et la framboise des anciennes chartes pointent désormais vers
     la couleur d'action. Les surfaces de STRUCTURE sombres utilisent --nuit
     explicitement, elles ne passent pas par ces alias.                      */
  --violet:          var(--action);
  --violet-fonce:    var(--action-fonce);
  --violet-pale:     var(--action-pale);
  --or:              var(--ambre);
  --or-fonce:        var(--ambre-texte);
  --framboise:       var(--action);
  --framboise-fonce: var(--action-fonce);
  --framboise-pale:  var(--action-pale);
  --peche:           var(--corail);

  /* --- Typographie --- */
  /* Deux polices, deux rôles.
     --font-affiche : Young Serif, UNIQUEMENT les deux plus grands niveaux de
       titre du site public et l'en-tête du billet. Jamais sur des chiffres,
       ses chiffres ne sont pas tabulaires.
     --font-titres : Figtree en graisse 800, titres d'interface, espace
       organisateur et tous les nombres (chiffres tabulaires avec tabular-nums).
     --font-texte : Figtree, tout le texte courant. */
  --font-affiche: 'Young Serif', Georgia, 'Times New Roman', serif;
  --font-titres:  'Figtree', 'Segoe UI', Arial, sans-serif;
  --font-texte:   'Figtree', 'Segoe UI', Arial, sans-serif;

  /* --- Rayons et ombres (douceur : ombres diffuses légères) --- */
  --rayon:        16px;
  --rayon-petit:  10px;
  --ombre-douce:  0 2px 10px rgba(36,20,54,.07), 0 12px 32px rgba(36,20,54,.05);
  --ombre-bouton: 0 4px 14px rgba(196,24,143,.34);   /* halo fuchsia */
  --ombre-nuit:   0 4px 14px rgba(30,16,48,.34);     /* halo des boutons sombres */
  --bordure-fine: 1px solid #E7D4E1; /* champs de formulaire et tableaux uniquement */

  /* --- Espacement de base --- */
  --esp: 8px; /* multiplier : 8 / 16 / 24 / 32 / 48 */
}

/* Import des polices (à placer dans le <head> des layouts EJS) :
<link href="https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;700;800&family=Figtree:wght@400;500;600;700&display=swap" rel="stylesheet">
*/