/**
 * DGINA theme tokens — loaded after Icem index.css (Bootstrap + Icem DS).
 * CI: Primär Blau #123274, Primär Lichtrot #DD2240, Sekundär Weiß #FFFFFF.
 * Overrides Bootstrap CSS variables where the Icem bundle respects them.
 *
 * Hell: :root + [data-bs-theme="light"] — Dunkel: [data-bs-theme="dark"].
 * Umschalten z. B. per `page.bodyTag` mit `data-bs-theme="dark"`.
 *
 * ---------------------------------------------------------------------------
 * Öffentliche Token-API (--dgina-*)
 * ---------------------------------------------------------------------------
 * Marken / Fläche:
 *   --dgina-color-primary, --dgina-color-secondary, --dgina-color-white
 *   --dgina-body-bg, --dgina-body-color, --dgina-color-scheme
 * Links:
 *   --dgina-link-color, --dgina-link-hover-color
 * Typografie:
 *   --dgina-font-family-body, --dgina-font-family-heading
 *   --dgina-heading-font-weight, --dgina-body-font-size-sm (≤767px)
 * Layout / UI-Helfer:
 *   --dgina-grid-gutter-width, --dgina-btn-circle-size(-lg|-sm)
 *   --dgina-btn-icon-gap, --dgina-icon-vertical-align
 *   --dgina-navbar-brand-height
 * „Chrome“ auf Primärfläche (Footer; Navbar-Fläche per --dgina-navbar-*):
 *   --dgina-on-primary, --dgina-on-primary-muted, --dgina-on-primary-subtle
 *   --dgina-on-primary-disabled
 *   --dgina-footer-bg-color (Footer-Fläche; Fallback: --dgina-color-primary)
 *   --dgina-footer-text-color, --dgina-footer-link-muted, --dgina-footer-link-hover
 * Navbar (Icem-Verlauf; optional Vollfläche z. B. Primär):
 *   --dgina-navbar-background
 *   --dgina-navbar-background-scrolled (nur background-color; Standard: rgba(--bs-primary-rgb))
 *   --dgina-navbar-scrolled-backdrop (z. B. none bei fester Fläche)
 * Auf sekundärer Markenfarbe (Buttons):
 *   --dgina-on-secondary
 * Sonstiges:
 *   --dgina-cookie-overlay-background, --dgina-mask-default-background
 * Hintergrundvideo (Hero):
 *   --dgina-page-video-overlay-gradient
 * Content Element „Countdown“ (.ce-countdown + text-bg-light|dark|primary|secondary):
 *   Pro Variante am Selector .ce-countdown.text-bg-* setzen (siehe dgina-components.css):
 *   --dgina-ce-countdown-heading-color, --dgina-ce-countdown-heading-text-shadow
 *   --dgina-ce-countdown-digits-color, --dgina-ce-countdown-digits-text-shadow
 *
 * Hinweis: Bei geänderter --dgina-color-primary ggf. --bs-primary-rgb manuell
 * anpassen (rgba()-Buttons), siehe Readme.
 * ---------------------------------------------------------------------------
 */

/* Scrollbar-Gutter: kein horizontaler Sprung beim Offcanvas (Burger-Menü). */
html {
	scrollbar-gutter: stable;
}

:root,
[data-bs-theme="light"], .theme-light {
	--dgina-color-scheme: light;

	/* DGINA brand (reference + fallbacks) */
	--dgina-color-primary: rgb(18, 50, 116);
	--dgina-color-primary-rgb: 18, 50, 116;
	--dgina-color-primary-light: #123274;
	--dgina-color-primary-dark: #0d1526;
	--dgina-color-secondary: #dd2240;
	--dgina-color-white: #ffffff;
	--dgina-body-bg: #ffffff;
	--dgina-body-color: #212529;
	--dgina-link-color: var(--dgina-color-primary);
	--dgina-link-hover-color: #0d265c;
	--dgina-grid-gutter-width: 2rem;

	/* Text / Icons auf Primär-Hintergrund (Navbar, Footer) */
	--dgina-on-primary: #ffffff;
	--dgina-on-primary-muted: rgba(255, 255, 255, 0.85);
	--dgina-on-primary-subtle: rgba(255, 255, 255, 0.78);
	--dgina-on-primary-disabled: rgba(255, 255, 255, 0.45);
	--dgina-footer-text-color: rgba(255, 255, 255, 0.92);
	--dgina-footer-link-muted: rgba(255, 255, 255, 0.78);
	--dgina-footer-link-hover: #ffffff;
	--dgina-on-secondary: #ffffff;
	--dgina-navbar-brand-height: 85px;

	/* Navbar: wie Icem index.css — dunkler Verlauf nach transparent; gescrollt Frost */
	--dgina-navbar-background: linear-gradient(
		to bottom,
		rgba(var(--dgina-color-primary-rgb), 0.6) 0%,
		rgba(var(--dgina-color-primary-rgb), 0.2) 60%,
		rgba(var(--dgina-color-primary-rgb), 0) 100%
	);
	--dgina-navbar-background-scrolled: rgba(var(--bs-primary-rgb), 0.5);
	--dgina-navbar-scrolled-backdrop: blur(16px);

	/* Typografie: Fließtext Open Sans, Überschriften Barlow */
	--dgina-font-family-body: "Open Sans", system-ui, -apple-system, "Segoe UI",
		roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", arial, sans-serif;
	--dgina-font-family-heading: "Barlow", var(--dgina-font-family-body);
	--dgina-heading-font-weight: 600;

	/* Bootstrap theme bridge (RGB for rgba() in components) */
	--bs-primary: var(--dgina-color-primary);
	--bs-secondary: var(--dgina-color-secondary);
	--bs-primary-rgb: 18, 50, 116;
	--bs-secondary-rgb: 221, 34, 64;

	--bs-body-bg: var(--dgina-body-bg);
	--bs-body-color: var(--dgina-body-color);
	--bs-font-sans-serif: var(--dgina-font-family-body), "Apple Color Emoji",
		"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-heading-font-family: var(--dgina-font-family-heading);
	--bs-heading-font-weight: var(--dgina-heading-font-weight);
	--bs-link-color: var(--dgina-link-color);
	--bs-link-hover-color: var(--dgina-link-hover-color);

	/* Secondary = brand red: ensure readable button / badge text */
	--bs-secondary-color: #fff;
	--bs-secondary-bg: var(--dgina-color-secondary);
	--bs-secondary-border-subtle: #c41e38;

	/* Cookie consent overlay (optional hooks) */
	--dgina-cookie-overlay-background: rgba(0, 0, 0, 0.5);
	--dgina-mask-default-background: var(--dgina-body-bg);

	/* Page-Hintergrundvideo: transparent oben, unten in weiße Body-Fläche auslaufen */
	--dgina-page-video-overlay-gradient: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.2) 25%,
		rgba(255, 255, 255, 0.65) 70%,
		rgba(255, 255, 255, 1) 100%
	);


}

[data-bs-theme="dark"], .theme-dark {
	--dgina-color-scheme: dark;

	/* Brand unverändert; Flächen/Typo für dunklen Modus */
	--dgina-color-primary: #123274;
	--dgina-color-secondary: #dd2240;
	--dgina-color-white: #ffffff;
	/* --dgina-body-bg: #0d1526; */
	--dgina-body-bg: var(--dgina-color-primary);
	--dgina-body-color: #e8eaef;
	--dgina-link-color: #9bb6e8;
	--dgina-link-hover-color: #c5d4f5;
	--dgina-grid-gutter-width: 2rem;

	--dgina-on-primary: #ffffff;
	--dgina-on-primary-muted: rgba(255, 255, 255, 0.85);
	--dgina-on-primary-subtle: rgba(255, 255, 255, 0.78);
	--dgina-on-primary-disabled: rgba(255, 255, 255, 0.45);
	--dgina-footer-text-color: rgba(255, 255, 255, 0.92);
	--dgina-footer-link-muted: rgba(255, 255, 255, 0.78);
	--dgina-footer-link-hover: #ffffff;
	--dgina-on-secondary: #ffffff;
	--dgina-navbar-brand-height: 85px;


	--dgina-ce-countdown-heading-text-shadow: 2px 2px 5px rgb(0 0 0 / 0.45);
	--dgina-ce-countdown-digits-text-shadow: 2px 2px 5px rgb(0 0 0 / 0.45);

	--dgina-navbar-background: linear-gradient(
		to bottom,
		rgba(var(--dgina-color-primary-rgb), 0.6) 0%,
		rgba(var(--dgina-color-primary-rgb), 0.2) 60%,
		rgba(var(--dgina-color-primary-rgb), 0) 100%
	);
	--dgina-navbar-background-scrolled: rgba(var(--bs-primary-rgb), 0.5);
	--dgina-navbar-scrolled-backdrop: blur(16px);

	--dgina-font-family-body: "Open Sans", system-ui, -apple-system, "Segoe UI",
		roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", arial, sans-serif;
	--dgina-font-family-heading: "Barlow", var(--dgina-font-family-body);
	--dgina-heading-font-weight: 600;

	--bs-primary: var(--dgina-color-primary);
	--bs-secondary: var(--dgina-color-secondary);
	--bs-primary-rgb: 18, 50, 116;
	--bs-secondary-rgb: 221, 34, 64;

	--bs-body-bg: var(--dgina-body-bg);
	--bs-body-color: var(--dgina-body-color);
	--bs-font-sans-serif: var(--dgina-font-family-body), "Apple Color Emoji",
		"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-heading-font-family: var(--dgina-font-family-heading);
	--bs-heading-font-weight: var(--dgina-heading-font-weight);
	--bs-link-color: var(--dgina-link-color);
	--bs-link-hover-color: var(--dgina-link-hover-color);

	--bs-secondary-color: #fff;
	--bs-secondary-bg: var(--dgina-color-secondary);
	--bs-secondary-border-subtle: #e84d63;

	--dgina-cookie-overlay-background: rgba(0, 0, 0, 0.65);
	--dgina-mask-default-background: var(--dgina-body-bg);

	/* Dunkel: transparent oben, unten in Body-Fläche auslaufen */
	--dgina-page-video-overlay-gradient: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.15) 25%,
		rgba(255, 255, 255, 0.45) 70%,
		var(--dgina-body-bg) 100%
	);
}



/*
 * Theme „light-blue“: helles Theme mit hellblauem Marken-Akzent (#00adee) und
 * dunklem Footer (#123274). Bewusst für gute WCAG-Kontraste ausgelegt:
 *   - Body: nahezu weiße, leicht blaue Fläche + dunkler Text (>= 14:1)
 *   - Links: dunkleres Blau auf heller Fläche (>= 4.5:1, AA)
 *   - Footer/Navbar: heller Text auf dunklem Marineblau (#123274, ~11.8:1)
 */
[data-bs-theme="light-blue"], .theme-light-blue {
	--dgina-color-scheme: light-blue;

	/* Marke: hellblauer Primär-Akzent, dunkles Marineblau als „dark“-Anker */
	--dgina-color-primary: #00adee;
	--dgina-color-primary-rgb: 0, 173, 238;
	--dgina-color-primary-light: #33bef2;
	--dgina-color-primary-dark: #123274;
	--dgina-color-dark: #123274;
	--dgina-color-dark-rgb: 18, 50, 116;
	--dgina-color-secondary: #dd2240;
	--dgina-color-white: #ffffff;

	/* Helle Fläche mit leichtem Blaustich + dunkler Text (hoher Kontrast) */
	--dgina-body-bg: var(--dgina-color-primary, #eef7fc);
	--dgina-body-color: #ffffff;

	/* Links: dunkleres Blau für AA-Kontrast auf heller Fläche */
	--dgina-link-color: #006699;
	--dgina-link-hover-color: #004d73;
	--dgina-grid-gutter-width: 2rem;

	/*
	 * „Auf Primärfläche“ = heller Text; wird von Navbar (dunkler Verlauf) und
	 * Footer (dunkles #123274) genutzt, daher weiß mit gutem Kontrast.
	 */
	--dgina-on-primary: #ffffff;
	--dgina-on-primary-muted: rgba(255, 255, 255, 0.85);
	--dgina-on-primary-subtle: rgba(255, 255, 255, 0.78);
	--dgina-on-primary-disabled: rgba(255, 255, 255, 0.55);

	/* Footer: dunkler Hintergrund (#123274) mit hellem Text/Links */
	--dgina-footer-bg-color: var(--dgina-color-dark);
	--dgina-footer-text-color: rgba(255, 255, 255, 0.92);
	--dgina-footer-link-muted: rgba(255, 255, 255, 0.82);
	--dgina-footer-link-hover: #ffffff;
	--dgina-on-secondary: #ffffff;
	--dgina-navbar-brand-height: 85px;

	--dgina-ce-countdown-heading-text-shadow: 2px 2px 5px rgb(0 0 0 / 0.45);
	--dgina-ce-countdown-digits-text-shadow: 2px 2px 5px rgb(0 0 0 / 0.45);

	/*
	 * Navbar-Verlauf bewusst aus dunklem Marineblau (nicht Primär-Hellblau),
	 * damit heller Nav-Text auch bei transparentem Verlauf lesbar bleibt.
	 */
	--dgina-navbar-background: linear-gradient(
		to bottom,
		rgba(var(--dgina-color-dark-rgb), 0.7) 0%,
		rgba(var(--dgina-color-dark-rgb), 0.28) 60%,
		rgba(var(--dgina-color-dark-rgb), 0) 100%
	);
	--dgina-navbar-background-scrolled: rgba(var(--dgina-color-dark-rgb), 0.5);
	--dgina-navbar-scrolled-backdrop: blur(16px);

	--dgina-font-family-body: "Open Sans", system-ui, -apple-system, "Segoe UI",
		roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", arial, sans-serif;
	--dgina-font-family-heading: "Barlow", var(--dgina-font-family-body);
	--dgina-heading-font-weight: 600;

	--bs-primary: var(--dgina-color-primary);
	--bs-secondary: var(--dgina-color-secondary);
	--bs-primary-rgb: 0, 173, 238;
	--bs-secondary-rgb: 221, 34, 64;

	--bs-body-bg: var(--dgina-body-bg);
	--bs-body-color: var(--dgina-body-color);
	--bs-font-sans-serif: var(--dgina-font-family-body), "Apple Color Emoji",
		"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-heading-font-family: var(--dgina-font-family-heading);
	--bs-heading-font-weight: var(--dgina-heading-font-weight);
	--bs-link-color: var(--dgina-link-color);
	--bs-link-hover-color: var(--dgina-link-hover-color);

	--bs-secondary-color: #fff;
	--bs-secondary-bg: var(--dgina-color-secondary);
	--bs-secondary-border-subtle: #c41e38;

	--dgina-cookie-overlay-background: rgba(0, 0, 0, 0.5);
	--dgina-mask-default-background: var(--dgina-body-bg);

	/* Hell: transparent oben, unten in helle Body-Fläche auslaufen */
	--dgina-page-video-overlay-gradient: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.2) 25%,
		rgba(255, 255, 255, 0.65) 70%,
		rgba(255, 255, 255, 1) 100%
	);


	.card-v2-primary .btn-light:hover{
		background-color: var(--dgina-color-primary) !important;
		color: var(--dgina-color-white) !important;
	}

	.card-v2-secondary .btn-light:hover{
		background-color: var(--dgina-color-secondary) !important;
		color: var(--dgina-color-white) !important;
	}

	.card-v2-primary .btn-primary:hover{
		background-color: var(--dgina-color-primary) !important;
		color: var(--dgina-color-white) !important;
	}



}


@media (max-width: 767.98px) {
	:root,
	[data-bs-theme="light"],
	[data-bs-theme="dark"],
	[data-bs-theme="light-blue"],
	[data-bs-theme^="theme-"] {
		--dgina-body-font-size-sm: 1rem;
		--bs-body-font-size: var(--dgina-body-font-size-sm, 1rem);
	}
}