/* =========================================================================
   booking4show.ch — style.css (variante CLAIRE)
   Feuille de PERSONNALISATION CLIENT.
   Emplacement réel : base2/clients_b4s_custom/1_demo/css/style.css

   ATTENTION : C'est ICI, et SEULEMENT ici, qu'une nouvelle installation doit
   intervenir. Aucune autre feuille de style ne doit être modifiée pour
   personnaliser un client. Voir le README.md pour la procédure complète
   d'installation d'un nouveau client.

   v4 — il n'y a plus de bouton clair/sombre ni de bascule en JavaScript.
   Le thème est désormais un choix fait par client, au niveau du fichier :
   ce fichier-ci (style.css) est la variante CLAIRE, prête à l'emploi.
   La variante SOMBRE existe en parallèle dans style-dark.css, avec
   exactement les mêmes variables, juste des valeurs différentes — pour un
   nouveau client en thème sombre, pars de style-dark.css plutôt que de
   celui-ci, puis ajuste --c-dominant/--c-bg/etc. à son univers. Voir le
   README pour le détail de la démarche.
   ========================================================================= */

:root {
  /* --- 1. Couleur dominante du client (boutons, liens actifs, focus) --- */
  --c-dominant: #E34234;
  --c-dominant-contrast: #FFFFFF; /* couleur du texte posé sur --c-dominant */

  /* --- 2. Couleurs de la PAGE et du "chrome" (header/footer/panneau) --- */
  --c-bg: #F2F4F3;        /* fond de la page */
  --c-surface: #FFFFFF;   /* fond du header / footer / panneau mobile */
  --c-border: #E1E5E4;
  --c-ink: #14181C;       /* texte sur --c-bg / --c-surface */
  --c-ink-soft: #4B5358;  /* texte atténué sur --c-bg / --c-surface */

  /* --- 3. Couleurs des CARTES DE CONTENU (tuiles, tableaux, formulaires) --- */
  --c-bg-card: #FFFFFF;
  --c-bg-card-tint: #F2F4F3;   /* zone en léger retrait dans une carte (ex. tampon date) */
  --c-ink-card: #14181C;
  --c-ink-card-soft: #4B5358;
  --c-border-card: #E1E5E4;

  /* --- 4. Police du client (2 rôles : titres / texte courant) --- */
  --font-display: 'Space Grotesk', 'Segoe UI', sans-serif;
  --font-body: 'Inter', 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', 'Courier New', monospace; /* dates, prix, billets */

  /* --- 5. Couleurs d'état (disponibilité) — partagées, rarement modifiées.
     Progression volontaire vert -> ambre -> orange -> rouge. --- */
  --c-success: #3C8B5D; /* places restantes */
  --c-warning: #D9A23B; /* premier seuil d'alerte */
  --c-orange:  #E07B30; /* dernières places */
  --c-danger:  #C1502E; /* complet, erreur active */
  --c-danger-soft: #C1502E; /* champ obligatoire pas encore rempli — identique au rouge ci-dessus dans cette variante claire */
  --c-accent-gold: #D9A23B;

  /* --- 6. Habillage des composants (rarement modifié) --- */
  --radius-card: 14px;
  --shadow-card: 0 1px 3px rgba(20,24,28,.06);
  --shadow-card-hover: 0 12px 24px rgba(20,24,28,.12);

  /* --- 7. Pied de page — variables PROPRES au footer.
     Le footer ne doit JAMAIS reutiliser --c-ink comme fond : --c-ink est une
     couleur de TEXTE, sombre en theme clair mais claire en theme sombre, ce
     qui rendait le pied de page illisible. --- */
  --c-footer-bg: #14181C;   /* fond du pied de page */
  --c-footer-ink: #FFFFFF;  /* texte du pied de page */

  /* --- 8. Elements desactives / bloques (dates completes, hors fenetre,
     quantite indisponible). Une simple opacite ne suffit pas : elle delave
     en clair mais fait disparaitre l'element dans le fond en sombre. On
     donne donc un fond et une bordure explicites, distincts de la carte
     active. En theme CLAIR : un cran plus gris que la carte. --- */
  --c-bg-card-muted: #E8ECEA;
  --c-border-muted:  #C9D1CF;
}