/* =============================================================================
   CHARTE GRAPHIQUE — Billetterie Mysteria Ingenium
   Ce fichier contient les variables COMMUNES à tous les thèmes (polices, formes,
   mise en page) et la palette du back-office.
   Les COULEURS du parcours client sont dans themes/<nom>.css ; le thème actif
   se choisit dans Admin → Paramètres → Apparence.
   Pour créer un thème : copier themes/clair.css en themes/mon-theme.css, adapter
   les couleurs ; il apparaît automatiquement dans la liste de l'admin.
   ============================================================================= */
:root {
  /* Typographie — polices auto-hébergées dans assets/fonts/ ou polices système */
  --police-titres:   "Cinzel", "Georgia", serif;
  --police-texte:    "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --taille-base:     16px;

  /* Formes */
  --rayon:           10px;
  --rayon-petit:     6px;

  /* Mise en page */
  --largeur-max:     760px;    /* tunnel client */
  --largeur-admin:   1200px;
  --espace:          16px;
}

/* Back-office : palette claire fixe, indépendante du thème client */
.admin {
  --fond:            #f5f4f8;
  --fond-2:          #ffffff;
  --fond-3:          #ebe9f1;
  --bordure:         #d9d5e3;
  --texte:           #1d1a26;
  --texte-2:         #5f5972;
  --texte-inverse:   #ffffff;
  --accent:          #5b3fa0;
  --accent-hover:    #4a3286;
  --accent-texte:    #ffffff;
  --succes:          #2e9e63;
  --alerte:          #d99a1e;
  --erreur:          #d63b40;
  --info:            #3b7fc4;
  --ombre:           0 2px 10px rgba(30, 20, 60, .08);
}