/* Anfang: Goerdes-Design: Farbgebung Blau und Orange
   Grundidee:
   Blau = Links, Navigation, Orientierung
   Orange = Tastaturfokus, Hinweise, aktive Hervorhebung
*/

:root {
	/* Grundfarben */
	--goerdes-color-background: #F4F6F8; /* sehr helles, kühles Blaugrau */
	--goerdes-color-surface: #FFFFFF; /* reines Weiß */
	--goerdes-color-text: #111827; /* fast schwarzes, sehr dunkles Blaugrau */
	--goerdes-color-text-muted: #4B5563; /* dunkles Schiefergrau */

	/* Blau für Links und Orientierung */
	--goerdes-color-link: #0B4F8A; /* kräftiges, dunkles Blau */
	--goerdes-color-link-hover: #083A66; /* sehr dunkles Marineblau */
	--goerdes-color-active: #062F4F; /* tiefes Dunkelblau */

	/* Orange für Fokus und Hinweise */
	--goerdes-color-focus: #C05621; /* kräftiges Rostorange */
	--goerdes-color-focus-background: #FFF3E6; /* sehr helles Cremeorange */
	--goerdes-color-notice-border: #B45309; /* dunkles Kupferorange */
	--goerdes-color-notice-background: #FFF7ED; /* sehr helles Warmorange */

	/* Rahmen und Linien */
	--goerdes-color-border: #CBD5E1; /* helles Blaugrau */
	--goerdes-color-border-strong: #6B7280; /* neutrales Mittelgrau */

	/* Twenty Twenty-One Variablen vorsichtig überschreiben */
	--global--color-background: var(--goerdes-color-background);
	--global--color-primary: var(--goerdes-color-text);
	--global--color-secondary: var(--goerdes-color-text-muted);
	--global--color-border: var(--goerdes-color-border);
	--global--color-white: var(--goerdes-color-surface);
}