/* IZ Design-Tokens - Farben.
 *
 * Verbindliche Quelle: IZ-Kompass/10_IZ_Gestaltungskatalog.md, Abschnitt 1
 * ("Farben - die einzige gueltige Palette"), normativ seit 2026-08-07.
 *
 * Zweck: Die Palette steht ab jetzt an genau einer Stelle statt als Hex-Literal
 * in 20 Dateien. Genau dieser Mechanismus hatte drei verschiedene Markenrots
 * entstehen lassen; vereinheitlicht auf --iz-rot am 2026-08-07.
 *
 * Diese Datei ist rein additiv: Sie definiert nur Variablen und setzt keine
 * einzige Eigenschaft auf einem Element. Sie veraendert die Darstellung nicht.
 *
 * Regel fuer neue Arbeit (Katalog Abschnitt 8, Schritt 2):
 * kein Hex-Literal in neuem CSS - ausschliesslich var(--iz-...).
 *
 * Eingebunden per wp_enqueue_style( 'iz-tokens', ... ) in functions.php,
 * Prioritaet 1, damit die Variablen vor allen anderen Stylesheets stehen.
 */

:root {
	/* --- Marke ---
	 * --iz-rot: Masthead und Header als Flaeche. Sonst ausschliesslich
	 * Akzent (Marker, aktive Zustaende, Fokusringe, Links, Rubrikzeilen,
	 * feine Linien). Grossflaechig rote Bloecke ausserhalb von Masthead
	 * und Header sind laut Katalog nicht zulaessig. */
	--iz-rot: #8b1a1a;
	/* Ausschliesslich Hover-/Aktiv-Zustand von --iz-rot. */
	--iz-rot-hover: #6e1414;

	/* --- Text ---
	 * Kein weiteres Grau. Wo --iz-text-muted auf hellem Beige unter 4,5:1
	 * faellt, wird nicht aufgehellt, sondern --iz-text verwendet. */
	--iz-text: #241f1c;
	--iz-text-muted: #77685f;

	/* --- Linien und Flaechen ---
	 * Rahmen immer 1px in einer dieser beiden Farben. */
	--iz-border: #e7ddd0;
	--iz-border-soft: #f0e8dc;
	/* Immer sechsstellig, nie #fff. */
	--iz-weiss: #ffffff;
}