/* Planlos am Plektrum – Übungswerkzeug
 * Globale Farbzuordnung für alle Werkzeugseiten.
 *
 * Die tatsächlichen Farbwerte werden in GeneratePress gepflegt.
 * Dieses Snippet übersetzt die Theme-Variablen in semantische
 * Werkzeug-Variablen.
 */

:root {
	/* ================================================================
	 * NEUE FARBSKALEN
	 * Noch keiner Funktion oder Komponente verbindlich zugeordnet.
	 * ================================================================ */

	/* Vorgegebene Hintergrundskala. */
	--pap-anthrazit-50: #e8edef;
	--pap-anthrazit-100: #d2dade;
	--pap-anthrazit-200: #acbbc4;
	--pap-anthrazit-300: #889aa6;
	--pap-anthrazit-400: #687c89;
	--pap-anthrazit-500: #4f636f;
	--pap-anthrazit-600: #3c4e5a;
	--pap-anthrazit-700: #2b3c47;
	--pap-anthrazit-800: #1d2c36;
	--pap-anthrazit-850: #18252f;
	--pap-anthrazit-900: #121e28; /* Bereits verwendet: --pap-dunkel-hintergrund. */
	--pap-anthrazit-925: #0e1821;
	--pap-anthrazit-950: #091219;

	--pap-creme-0: #ffffff;
	--pap-creme-50: #fcfbf9;
	--pap-creme-100: #f8f6f1; /* Vorgegebener Creme-Ausgangswert. */
	--pap-creme-200: #f1ede4;
	--pap-creme-300: #e9e2d4;
	--pap-creme-400: #ded3c1;

	--pap-orange-100: #f8ddcb;
	--pap-orange-200: #efb48f;
	--pap-orange-300: #df8d5d;
	--pap-orange-400: #cf7139; /* Vorgegebener Orange-Ausgangswert. */
	--pap-orange-500: #b85c2a;
	--pap-orange-600: #94451f;
	--pap-orange-700: #713218;

	--pap-petrol-100: #c7d0d3;
	--pap-petrol-200: #9eafb4;
	--pap-petrol-300: #76888f; /* Vorgegebener heller Petrolton der Startseite. */
	--pap-petrol-400: #59747d;
	--pap-petrol-500: #3b5f6a; /* Vorgegebenes Markenpetrol. */
	--pap-petrol-600: #2e4b55;
	--pap-petrol-700: #223841;

	--pap-petrol-satt-100: #cadcde;

	/* ================================================================
	 * KÜNFTIG VERWENDET – BEREITS VORHANDEN
	 * Werte bleiben vorläufig unverändert.
	 * ================================================================ */

	--pap-erfolg: #648b40; /* Bisher in GeneratePress definiert. */
	--pap-warnung: #c58a00; /* Bisher in GeneratePress definiert. */
	--pap-fehler: #bf502d; /* Bisher in GeneratePress definiert. */

	--pap-erfolg-hell: #8fd6a3;
	--pap-warnung-hell: #f0b86f;
	--pap-fehler-hell: #f0999a;

	--pap-erfolg-hintergrund: color-mix(
		in srgb,
		var(--pap-erfolg-hell) 14%,
		var(--pap-anthrazit-900)
	);
	--pap-warnung-hintergrund: color-mix(
		in srgb,
		var(--pap-warnung-hell) 14%,
		var(--pap-anthrazit-900)
	);
	--pap-fehler-hintergrund: color-mix(
		in srgb,
		var(--pap-fehler-hell) 14%,
		var(--pap-anthrazit-900)
	);

	--pap-petrol: var(--accent-petrol);

	--pap-dunkel-hintergrund: var(--pap-anthrazit-925); /* #121e28*/
	--pap-dunkel-flaeche:var(--pap-anthrazit-850);/*#18222b;*/
	--pap-dunkel-eingabe: #0b1218;
	--pap-dunkel-border:var(--pap-anthrazit-700);/* #35434c;*/
	--pap-dunkel-text: #f6f4ef;
	--pap-dunkel-text-zart:var(--pap-petrol-200); /* #cccccc;*/

	/* ================================================================
	 * KÜNFTIG VERWENDET – NEU ANZULEGEN
	 * Rollen beschlossen; konkrete Werte noch nicht zugeordnet.
	 *
	 * Bereits angelegt:
	 * --pap-button-orange
	 * --pap-button-orange-hover
	 * --pap-button-petrol
	 * --pap-button-petrol-hover
	 * --pap-button-neutral var(--pap-anthrazit-925)
	 * --pap-button-neutral-hover var(--pap-anthrazit-800)
	 * --pap-button-deaktiviert
	 * --pap-button-deaktiviert-text
	 * --pap-button-deaktiviert-border
	 *
	 * Noch anzulegen:
	 * --pap-button-destruktiv
	 * --pap-button-destruktiv-hover
	 * --pap-button-ausgewaehlt
	 * ================================================================ */
	--pap-button-orange: var(--pap-orange-400);
	--pap-button-orange-hover: var(--pap-orange-500);

	--pap-button-petrol: var(--pap-petrol-500);
	--pap-button-petrol-hover: var(--pap-petrol-600);
	
	--pap-button-neutral: var(--pap-anthrazit-925);
	--pap-button-neutral-hover: var(--pap-anthrazit-800);

	--pap-button-deaktiviert: var(--pap-anthrazit-900);
	--pap-button-deaktiviert-text: var(--pap-anthrazit-500);
	--pap-button-deaktiviert-border: var(--pap-dunkel-border);

	/* ================================================================
	 * KÜNFTIG NICHT VERWENDET – VORLÄUFIG WEITER VORHANDEN
	 * Noch nicht entfernen: Die aktuelle Seite verwendet diese Rollen.
	 * ================================================================ */

	--pap-bg-100: #65788B;
	--pap-bg-700: #18222C;

	--pap-border: var(--border);

	--pap-fehlerfarbe: var(--pap-fehler);
	--pap-warnfarbe: var(--pap-warnung);
	--pap-erfolgsfarbe: var(--pap-erfolg);

	--pap-petrol-aktion: #47727f;
	--pap-akzent: var(--accent);
	--pap-akzent-hover: var(--orange-dunkel);
	--pap-akzent-petrol: var(--pap-petrol-aktion);
	--pap-akzent-petrol-hover: color-mix(in srgb, var(--pap-akzent-petrol) 84%, var(--pap-dunkel-text));

	--pap-hintergrund: var(--creme);
	--pap-flaeche: var(--creme-hell);
	--pap-flaeche-betont: var(--creme-dunkel);
	--pap-eingabe: var(--base-3);

	--pap-auswahl: var(--base);
	--pap-text-zart: var(--contrast-3);

	--pap-dunkel-flaeche-betont: #0e171e;
	--pap-destruktiv-text: #ff8f7d;
}