/* ============================================================
   TOKENS.CSS — Koch Baggerarbeiten (Schicht 3, kundenspezifisch)
   CI-Vorschlag KDS: Anthrazit (Maschine) / Erdton (Boden) /
   Signalgelb (Warnmarkierung Baustelle).
   Nach CI-Freigabe durch den Kunden nur DIESE Datei anpassen.
   ============================================================ */

:root {
	/* ----------------------------------------------- Farben */
	--k-anthrazit:      #23272B;   /* Primär: Maschinen-Anthrazit */
	--k-anthrazit-tief: #17191C;   /* Header/Footer, Hero */
	--k-signal:         #F5A800;   /* Akzent: Baustellen-Signalgelb */
	--k-signal-dunkel:  #D18F00;   /* Hover */
	--k-erde:           #8A6A4F;   /* Sekundär: Erdton */
	--k-sand:           #F4EFE7;   /* Heller Flächenhintergrund */
	--k-sand-tief:      #E9E1D3;   /* Kartenränder, Linien */
	--k-weiss:          #FFFFFF;
	--k-text:           #23272B;
	--k-text-invers:    #F7F5F1;
	--k-text-gedimmt:   #6B6257;

	/* ------------------------------------------- Typografie */
	/* KDS-Standard: Fonts werden nach CI-Freigabe via @fontsource
	   selbst gehostet (Empfehlung: Archivo + Inter). Bis dahin Systemstack. */
	--k-font-display: "Archivo", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	--k-font-body:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

	--k-fs-hero:    clamp(2.4rem, 6vw, 4.2rem);
	--k-fs-h2:      clamp(1.7rem, 3.5vw, 2.4rem);
	--k-fs-h3:      1.15rem;
	--k-fs-body:    1rem;
	--k-fs-klein:   0.85rem;

	/* ----------------------------------------------- Layout */
	--k-content-breite: 1140px;
	--k-abstand-sektion: clamp(4rem, 9vw, 7rem);
	--k-radius: 6px;

	/* ------------------------------------------- Signatur:
	   Diagonaler "Baugruben-Schnitt" zwischen Sektionen +
	   Warnstreifen-Akzent. Winkel hier zentral steuerbar. */
	--k-schnitt: 3.5vw;
	--k-warnstreifen: repeating-linear-gradient(
		-45deg,
		var(--k-signal) 0 14px,
		var(--k-anthrazit-tief) 14px 28px
	);

	/* ----------------------------------------------- Effekte */
	--k-schatten: 0 10px 30px -12px rgba(23, 25, 28, 0.25);
	--k-uebergang: 180ms ease;
}