/* FluentBooking-Kalender an die Design-Palette koppeln (nur Light-Mode).
   FluentBooking setzt seine Farben als :root-Variablen per JS-inline-Style;
   der engere Scope .fcal-light-mode gewinnt ueberschneidungsfrei.
   Ausschliesslich Palette-Slots (var(--global-paletteN)) — keine Hartfarben. */
.fcal-light-mode {
	--fcal_primary_color: var(--global-palette1);
	--fcal_dark: var(--global-palette3);
	--fcal_gray: var(--global-palette5);
	--fcal_cal_bg: var(--global-palette9);
	--fcal_whiteColor: var(--global-palette9);
	--fcal_body_bg: var(--global-palette8);
	--fcal_input_bg: var(--global-palette9);
	--fcal_input_disable_bg: var(--global-palette8);
	--fcal_thBG: var(--global-palette7);
	--fcal_enable_day_bg: var(--global-palette7);
	--fcal_date_disabled_bg: var(--global-palette9);
	--fcal_date_disabled_color: var(--global-palette5);
	--fcal_slot_border: var(--global-palette6);
}

/* Hartfarben-Regeln des Light-Mode (Inline-Style ohne Praefix) — Praefix
   hebt die Specificitaet ueber das JS-Style. */
.fcal-light-mode .fcal_booking_confirmed span.fcal_slot_name_icon { background-color: var(--global-palette2); }
.fcal-light-mode .fcal_confirm_header .fcal_check_holder { background: var(--global-palette8); }
.fcal-light-mode .fcal_confirm_header .fcal_check_holder svg { stroke: var(--global-palette3); }
.fcal-light-mode .fcal_confirmation .fcal_confirm_section_content { color: var(--global-palette5); }
.fcal-light-mode .fcal_to_calendars .fcal_cal_items a { border-color: var(--global-palette7); }