/*
 * Arzt-Farbpalette
 *
 * Es gibt ausschliesslich zehn fest definierte Farben.
 * Komponenten duerfen keine neuen Farbabstufungen berechnen.
 * Semantische --hm-color-* Variablen verweisen immer direkt auf 01-10.
 */

:root {
	/* 01: Reines Weiss fuer Karten und Buttons; helle Seite der Erfolge-Gradienten; helle Schrift auf dunklen Hover-/Akzentflaechen. */
	--arzt-color-01: #FFFFFF;

	/* 02: Allgemeiner Seiten-/Abschnittshintergrund; Team-Bildflaechen; kleine neutrale Info-/Erfahrungsflaechen. */
	--arzt-color-02: #FBF7F0;

	/* 03: Weiche Rahmen von Karten, FAQ, Zertifikaten und Controls; Rahmen des Glass-Menues und der Dropdowns; dunkle Seite der Erfolge-Gradienten. */
	--arzt-color-03: #D8C3A1;

	/* 04: Starker Sekundaerton; dunkle Seite des Termin-Gradienten; staerkere Rahmen; aktive Bewertungssterne und hervorgehobene Texte. */
	--arzt-color-04: #CDB38A;

	/* 05: Primaere Textfarbe fuer Ueberschriften, Fliesstext, Menue, Kartentitel und normale Button-Texte. */
	--arzt-color-05: #3B342E;

	/* 06: Sekundaere Textfarbe nur fuer klar untergeordnete Informationen wie Kartenbeschreibungen, Team-Rollen, Zertifikatbeschreibungen und kompakte Meta-Texte; nicht fuer regulaeren Fliesstext. */
	--arzt-color-06: #725A44;

	/* 07: Primaerer Akzent fuer aktive Menueelemente, Pfeile/Marker, Termin-Logo-Flaechen, Fokusrahmen und hervorgehobene Detailwerte. */
	--arzt-color-07: #7F6849;

	/* 08: Dunkler Akzent fuer Hover- und Focus-Zustaende von Buttons, Pfeilen und interaktiven Controls. */
	--arzt-color-08: #665238;

	/* 09: Fester heller Spezialton fuer die helle Seite des Termin-Gradienten. */
	--arzt-color-09: #F4EDE1;

	/* 10: Fester transparenter Glass-Farbton fuer Hauptmenue und Dropdown-Hintergruende. */
	--arzt-color-10: #FFFEFAF2;
}

.hm-theme-medical {
	/* Feste Farbschnittstellen. */
	--hm-color-01: var(--arzt-color-01);
	--hm-color-02: var(--arzt-color-02);
	--hm-color-03: var(--arzt-color-03);
	--hm-color-04: var(--arzt-color-04);
	--hm-color-05: var(--arzt-color-05);
	--hm-color-06: var(--arzt-color-06);
	--hm-color-07: var(--arzt-color-07);
	--hm-color-08: var(--arzt-color-08);
	--hm-color-09: var(--arzt-color-09);
	--hm-color-10: var(--arzt-color-10);

	/* Semantische Rollen erzeugen keine neuen Farben. */
	--hm-color-surface: var(--hm-color-01);
	--hm-color-background: var(--hm-color-02);
	--hm-color-border-soft: var(--hm-color-03);
	--hm-color-border-strong: var(--hm-color-04);
	--hm-color-text: var(--hm-color-05);
	--hm-color-muted: var(--hm-color-06);
	--hm-color-accent: var(--hm-color-07);
	--hm-color-accent-hover: var(--hm-color-08);
	--hm-color-surface-soft: var(--hm-color-02);
	--hm-color-surface-medium: var(--hm-color-09);
	--hm-color-surface-strong: var(--hm-color-03);
	--hm-color-glass: var(--hm-color-10);
	--hm-color-glass-border: var(--hm-color-03);
}

.hm-accent-medical {
	--hm-color-accent: var(--arzt-color-07);
	--hm-color-accent-hover: var(--arzt-color-08);
}