/* ============================================================
   Boproma — Basis (Reset, Body-Defaults, Scrollbar, Skip-Link)
   ------------------------------------------------------------
   Lädt vor jedem Skin und vor jeder Komponenten-CSS. Enthält
   keinen Token-Wert, nur strukturelle Defaults, die in jedem
   Boproma-Theme gelten.
   ============================================================ */

*, *::before, *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
	font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
	font-size: 0.9375rem;
	background: var(--f-hintergrund);
	color: var(--f-text);
	line-height: 1.5;
}

/* ===== Globales Scrollbar-Theming (Firefox + WebKit) ===== */
html {
	scrollbar-width: thin;
	scrollbar-color: var(--f-border) transparent;
}
html::-webkit-scrollbar,
.inhalt-bereich::-webkit-scrollbar,
.menue::-webkit-scrollbar {
	width: var(--abst-2);
	height: var(--abst-2);
}
html::-webkit-scrollbar-thumb,
.inhalt-bereich::-webkit-scrollbar-thumb,
.menue::-webkit-scrollbar-thumb {
	background: var(--f-border);
	border-radius: var(--abst-1);
}
html::-webkit-scrollbar-track,
.inhalt-bereich::-webkit-scrollbar-track,
.menue::-webkit-scrollbar-track {
	background: transparent;
}

a { text-decoration: none; }

/* ===== Skip-Link (A11y) ===== */
.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 500;
	padding: var(--abst-2) 0.875rem;
	background: var(--f-aktiv);
	color: var(--f-seitenleiste);
	border-radius: 0 0 0.375rem 0;
	font-weight: 600;
}

.skip-link:focus {
	left: 0;
	outline: 2px solid var(--f-text);
	outline-offset: 2px;
}