/* ============================================================
   GD Agenda — Variables CSS (thèmes light / dark / custom)
   ============================================================ */

/* Variables globales (nécessaires hors .gd-agenda : single event, boutons) */
:root {
	--gd-primary:         #4F46E5;
	--gd-primary-light:   #EEF2FF;
	--gd-primary-dark:    #3730A3;
	--gd-gradient-btn:    linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);
	--gd-gradient-header: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);
	--gd-radius:          10px;
	--gd-radius-sm:       6px;
	--gd-radius-pill:     50px;
	--gd-border:          #E5E7EB;
	--gd-text:            #111827;
	--gd-text-muted:      #6B7280;
	--gd-surface:         #ffffff;
}

.gd-agenda {
	/* Palette principale — Indigo moderne */
	--gd-primary:        #4F46E5;
	--gd-primary-light:  #EEF2FF;
	--gd-primary-dark:   #3730A3;
	--gd-primary-mid:    #6366F1;
	--gd-accent:         #F97316;
	--gd-accent-light:   #FFF7ED;

	/* Événements importants */
	--gd-important:      #EF4444;
	--gd-important-bg:   #FEF2F2;
	--gd-important-star: #F59E0B;

	/* Texte */
	--gd-text:           #111827;
	--gd-text-muted:     #6B7280;
	--gd-text-subtle:    #9CA3AF;
	--gd-text-light:     #ffffff;

	/* Fonds */
	--gd-bg:             #ffffff;
	--gd-bg-alt:         #F9FAFB;
	--gd-day-bg:         #ffffff;
	--gd-today-bg:       #EEF2FF;
	--gd-today-border:   #4F46E5;
	--gd-weekend-bg:     #FAFAFA;
	--gd-cell-hover-bg:  #EEF2FF;

	/* Événements importants */
	--gd-important-text:       #B91C1C;
	--gd-important-hover-bg:   rgba(239,68,68,0.14);
	--gd-important-hover-text: #991B1B;
	--gd-important-chip-bg:    rgba(239,68,68,0.07);

	/* En-tête */
	--gd-header-period: rgba(255,255,255,0.97);

	/* Bouton fermer modale */
	--gd-modal-close-color:      rgba(255,255,255,0.9);
	--gd-modal-close-bg:         rgba(255,255,255,0.15);
	--gd-modal-close-border:     rgba(255,255,255,0.2);
	--gd-modal-close-bg-hover:   rgba(255,255,255,0.28);

	/* Bordures et ombres */
	--gd-border:         #F0F0F0;
	--gd-border-strong:  #D1D5DB;
	--gd-shadow:         0 1px 3px rgba(0, 0, 0, 0.06), 0 4px 12px rgba(0, 0, 0, 0.05);
	--gd-shadow-md:      0 4px 16px rgba(79, 70, 229, 0.10), 0 1px 4px rgba(0,0,0,0.06);
	--gd-shadow-modal:   0 24px 64px rgba(0, 0, 0, 0.14), 0 8px 24px rgba(0, 0, 0, 0.08);

	/* Dégradés */
	--gd-gradient-header: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);
	--gd-gradient-btn:    linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);

	/* Layout */
	--gd-radius:          10px;
	--gd-radius-sm:       6px;
	--gd-radius-lg:       16px;
	--gd-radius-pill:     50px;
	--gd-cell-min-height: 100px;
	--gd-chip-height:     24px;

	/* Typographie */
	--gd-font:            -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;
	--gd-font-size:       14px;
	--gd-font-size-sm:    12px;

	/* Bandeau */
	--gd-banner-bg:          var(--gd-gradient-header);
	--gd-banner-text:        #ffffff;
	--gd-banner-height:      44px;

	/* Transitions */
	--gd-transition:      0.2s ease;
}

/* ── Thème sombre ── */
.gd-agenda[data-theme="dark"] {
	--gd-primary:        #818CF8;
	--gd-primary-light:  #1E1B4B;
	--gd-primary-dark:   #A5B4FC;
	--gd-primary-mid:    #6366F1;
	--gd-accent:         #FB923C;
	--gd-accent-light:   #2D1A0A;

	--gd-important:      #F87171;
	--gd-important-bg:   #2D0E0E;
	--gd-important-star: #FBBF24;

	--gd-text:           #F1F5F9;
	--gd-text-muted:     #94A3B8;
	--gd-text-subtle:    #64748B;
	--gd-text-light:     #ffffff;

	--gd-bg:             #0F0F1A;
	--gd-bg-alt:         #161622;
	--gd-day-bg:         #161622;
	--gd-today-bg:       #1E1B4B;
	--gd-today-border:   #818CF8;
	--gd-weekend-bg:     #12121E;
	--gd-cell-hover-bg:  #1E1B4B;

	--gd-important-text:       #FCA5A5;
	--gd-important-hover-bg:   rgba(248,113,113,0.20);
	--gd-important-hover-text: #FEE2E2;
	--gd-important-chip-bg:    rgba(248,113,113,0.10);

	--gd-border:         #1E1E30;
	--gd-border-strong:  #334155;
	--gd-shadow:         0 1px 3px rgba(0,0,0,0.3), 0 4px 12px rgba(0,0,0,0.25);
	--gd-shadow-md:      0 4px 16px rgba(129, 140, 248, 0.15), 0 1px 4px rgba(0,0,0,0.3);
	--gd-shadow-modal:   0 24px 64px rgba(0,0,0,0.5), 0 8px 24px rgba(0,0,0,0.35);

	--gd-gradient-header: linear-gradient(135deg, #3730A3 0%, #5B21B6 100%);
	--gd-gradient-btn:    linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);

	--gd-banner-bg:          var(--gd-gradient-header);
	--gd-banner-text:        #F1F5F9;
}

/* ── Animations bandeau ── */
@keyframes gd-scroll-left {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}

@keyframes gd-scroll-right {
	from { transform: translateX(-50%); }
	to   { transform: translateX(0); }
}