/*
 * Zustands-Tokens der Plattform – lädt in jedem Kontext (öffentliche Seiten, Startseite, Händlerseiten,
 * Portal, Konfigurator) als erste Ebene. Zuordnung der Komponenten: „Zustandsschicht“ in ci-refinements.css.
 */
:root {
	/*
	 * Bedienzustände je Variante: Fläche (bg), Schrift (fg), Rahmen (bd).
	 * Regel: Ein Zustand setzt Schrift und Fläche immer gemeinsam. Alle Paare ≥ 4,5 : 1.
	 * Zugeordnet werden die Komponenten in ci-refinements.css („Zustandsschicht“).
	 */
	--st-primary-bg-hover: #005d8f; --st-primary-fg-hover: #fff; --st-primary-bd-hover: #005d8f;
	--st-primary-bg-active: #004a72; --st-primary-fg-active: #fff;
	--st-outline-bg-hover: #061a2d; --st-outline-fg-hover: #fff; --st-outline-bd-hover: #061a2d;
	--st-outline-bg-active: #0b1116; --st-outline-fg-active: #fff;
	--st-quiet-bg-hover: #fff; --st-quiet-fg-hover: #0b1116; --st-quiet-bd-hover: #0b1116;
	--st-light-bg-hover: #e8f6fc; --st-light-fg-hover: #061a2d; --st-light-bd-hover: #e8f6fc;
	--st-ondark-bg-hover: #fff; --st-ondark-fg-hover: #061a2d; --st-ondark-bd-hover: #fff;
	--st-ondark-bg-active: #e8f6fc; --st-ondark-fg-active: #061a2d;
	--st-darkfill-bg-hover: #0d2740; --st-darkfill-fg-hover: #fff;
	--st-icon-bg-hover: #f1f3f4; --st-icon-fg-hover: #0b1116;
	--st-link-fg: #0072ad; --st-link-fg-hover: #005d8f;
	--st-selected-bg: #061a2d; --st-selected-fg: #fff;
	--st-disabled-bg: #e3e7ea; --st-disabled-fg: #4f5b64; --st-disabled-bd: #e3e7ea;
	--st-focus-ring: #0072ad; /* auf Weiß 5,3 : 1 – WCAG 2.2 verlangt für Fokusindikatoren ≥ 3 : 1 */
	--st-focus-ring-dark: #fff;
	--st-focus-width: 3px;
	--st-focus-offset: 2px;
}

/* Fokusring für alle Bedienelemente (Spezifität 0, Komponenten dürfen ihn verfeinern, nicht entfernen). */
:where(a[href],button,input,select,textarea,summary,[tabindex]):is(:focus-visible,.ds-focus) {
	outline: var(--st-focus-width) solid var(--st-focus-ring);
	outline-offset: var(--st-focus-offset);
}