/* CI + Dark-Hintergrund: Übernahme aus der früheren Astro-Version. Für optischen Abgleich mit der
   Referenzinstallation unter /var/www/html/isa-systemcore vor allem Farben in :root anpassen. */
:root {
	--color-navy: #0b2b6b;
	--color-bg: #0a1020;
	--color-bg-elevated: #101a32;
	--color-surface: #152447;
	--color-text: #e8ecf4;
	--color-text-muted: #9aa5bd;
	--color-accent: #1060d9;
	--color-accent-dim: #0d52ba;
	--color-accent-soft: rgba(16, 96, 217, 0.14);
	--color-sky: #97b9e8;
	--color-sky-muted: rgba(151, 185, 232, 0.35);
	--color-border: rgba(232, 236, 244, 0.12);
	--color-header-bg: #ffffff;
	--color-header-border: rgba(11, 43, 107, 0.12);
	--color-header-link: #3d4f6f;
	--color-header-link-active: #0b2b6b;
	--isc-radius: 12px;
	--isc-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
	--isc-maxw: 1120px;
	--isc-header-h: 4rem;
	--bs-primary: #1060d9;
	--bs-primary-rgb: 16, 96, 217;
	--bs-body-bg: var(--color-bg);
	--bs-body-color: var(--color-text);
	--bs-link-color: var(--color-accent);
	--bs-link-hover-color: var(--color-sky);
	--bs-border-color: var(--color-border);
}

html {
	scroll-behavior: smooth;
}

.isc-body {
	font-size: 1.0625rem;
	line-height: 1.6;
	background-color: var(--color-bg);
	background-image: radial-gradient(ellipse 120% 80% at 50% -20%, rgba(16, 96, 217, 0.22) 0%, transparent 55%),
		radial-gradient(ellipse 80% 50% at 100% 50%, rgba(151, 185, 232, 0.08) 0%, transparent 45%);
	min-height: 100vh;
}

.isc-main {
	padding-top: var(--isc-header-h);
}

.isc-container {
	width: min(100% - 2rem, var(--isc-maxw));
	margin-inline: auto;
}

.isc-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1030;
	min-height: var(--isc-header-h);
	background: var(--color-header-bg);
	backdrop-filter: blur(12px);
}

.isc-navbar {
	min-height: var(--isc-header-h);
}

.isc-nav-link {
	color: var(--color-header-link) !important;
	font-weight: 500;
}

.isc-nav-link:hover,
.isc-nav-link.active {
	color: var(--color-header-link-active) !important;
}

.isc-logo-img {
	height: 2.25rem;
	width: auto;
	max-width: min(52vw, 220px);
	object-fit: contain;
	object-position: left center;
}

.isc-footer {
	background: var(--color-bg-elevated);
	color: var(--color-text);
}

.isc-footer-logo {
	height: 2.25rem;
	width: auto;
	max-width: 200px;
	object-fit: contain;
	object-position: left center;
}

.btn-primary {
	--bs-btn-bg: var(--color-accent);
	--bs-btn-border-color: var(--color-accent);
	--bs-btn-hover-bg: var(--color-accent-dim);
	--bs-btn-hover-border-color: var(--color-accent-dim);
}

.btn-outline-light {
	--bs-btn-color: var(--color-text);
	--bs-btn-border-color: var(--color-border);
}

:focus-visible {
	outline: 2px solid var(--color-accent);
	outline-offset: 3px;
}