/*--------------------------------------------------------------
# Design-Tokens – Markenfarben
Zentrale Quelle für die wiederkehrenden Farben des Themes.
theme.css, bootstrap.css und pages/*.css verwenden diese Variablen;
ein Wert hier ändert die Farbe auf allen Seiten.
--------------------------------------------------------------*/
:root {
	--color-coral: #f8757e; /* Akzent: Links, Buttons, Hervorhebungen, Verlaufsende */
	--color-peach: #fba964; /* Verlaufspartner zu Coral, Zweitakzent */
	--color-ink: #181717; /* Überschriften, dunkle Flächen */
	--color-gray: #6b6b6b; /* Fließtext, sekundärer Text und Formularfelder auf Weiß, 5.3:1 (AA) */
	--color-gray-text: var(--color-gray); /* Alias für Fließtext in pages/*.css (ersetzt #7a7a7a) */
	--color-slate: #2c343b; /* dunkles Blaugrau: Text und Flächen */
	--color-line: #d7d7d7; /* Linien, Rahmen, Trenner */
	--color-mist: #f3f3f3; /* helle Hintergrundflächen */
	--page-gutter: 80px; /* Seitenrand der Inhaltsblöcke auf Desktop, links wie rechts */
}