/**
 * Pont entre le theme ByPentagone et le module PosLimitless Booking.
 *
 * Le plugin lit ces variables quand l'option « Synchroniser avec le theme du
 * site » est cochee sur une page Apparence. On ne redeclare aucune couleur en
 * dur : chaque jeton pointe sur celui du theme, donc la bascule clair / sombre
 * du site (classe `light` sur <html>) repeint le tunnel de reservation, le bon
 * cadeau et l'espace client en meme temps que le reste du site.
 *
 * Reference visuelle : les composants de reservation du site (cartes `.glass`,
 * creneaux `bg-surface`, creneau retenu `bg-gold`).
 */

:root {
	/* Le decor de la page (grain + degrades) doit rester visible sous le module. */
	--plb-bg: transparent;

	/* Les cartes du site sont du verre depoli (`.glass`) : sur le fond `void`
	   elles rendent plus sombres que `--t-surface`. On vise le rendu final,
	   le module peignant des aplats opaques. */
	--plb-card: var(--t-dark);
	--plb-text: var(--t-text-primary);
	--plb-text-secondary: var(--t-text-secondary);
	--plb-border: var(--t-border-subtle);
	--plb-input-bg: var(--t-void-light);

	--plb-accent: var(--t-gold);
	--plb-secondary-accent: var(--t-gold-light);
	--plb-glow: var(--t-gold);
	--plb-glow-intensity: 1;

	/* Titres de carte en capitales d'accent, comme les sections du site. */
	--plb-section-title-caps: 1;

	/* Creneaux sur appel et creneaux complets : les teintes ambre / rouge de la
	   grille horaire du site, aplaties sur le fond des cartes (le module peint
	   des aplats opaques, le site superposait des couches translucides). */
	--plb-success: var(--t-lab);
	--plb-warning: #fbbf24;
	--plb-error: #f87171;

	/* Creneaux des vues Classique / Compact. La vue Glassmorphism, celle
	   retenue ici, colore le creneau retenu avec la couleur de la salle et
	   n'utilise que --plb-glass-bg, --plb-border et --plb-error. */
	--plb-slot-free: var(--t-surface);
	--plb-slot-selected: var(--t-gold);
	--plb-slot-call: #211413;
	--plb-slot-blocked: #21100f;

	--plb-date-picker-bg: var(--t-dark);
	--plb-service-title: var(--t-text-primary);
	--plb-badge: var(--t-gold);
	--plb-image-border: var(--t-border-gold);

	/* Verre depoli, aligne sur l'utilitaire .glass du theme. */
	--plb-glass-bg: rgba(26, 26, 46, 0.5);
	--plb-glass-border: rgba(212, 57, 28, 0.08);

	/* Trois piles, exactement celles du site : texte, titres/montants, chasse fixe. */
	--plb-font: var(--font-body);
	--plb-font-display: var(--font-display);
	--plb-font-mono: var(--font-mono);
}

html.light {
	--plb-card: var(--t-surface);
	--plb-input-bg: var(--t-void-light);
	--plb-date-picker-bg: var(--t-void-light);
	--plb-slot-free: var(--t-void-light);
	--plb-warning: #d97706;
	--plb-slot-call: #fef3c7;
	--plb-slot-blocked: #fee2e2;
	--plb-glass-bg: rgba(255, 255, 255, 0.6);
	--plb-glass-border: rgba(212, 57, 28, 0.1);
}

/* Le module s'insere dans la colonne de contenu sans fond ni cadre propre. */
.pl-booking-container {
	font-family: var(--plb-font);
}