:root {
	/* Primärfarben – exakt aus dem GTP-Logo ausgelesen */
	--gtp-blue: #1684dd;
	--gtp-blue-dark: #0e5690;
	--gtp-blue-light: #d0e6f8;

	--gtp-green: #94be72;
	--gtp-green-dark: #607c4a;
	--gtp-green-light: #eaf2e3;

	/* Gold – der "Empire"-Akzent, bewusst sparsam für Wert-Momente eingesetzt
	   (Buttons, Warenkorb, Rahmen-Details), nicht für Identität/Navigation */
	--gtp-gold: #d4af37;
	--gtp-gold-dark: #9c7a24;
	--gtp-gold-light: #f1e2b8;

	--gtp-ink: #060606;
	--gtp-paper: #ffffff;

	/* Typografie */
	--gtp-font-display: 'Pricedown', 'Anton', sans-serif;
	--gtp-font-body: 'Archivo', Arial, sans-serif;
	--gtp-font-luxury: 'Playfair Display', Georgia, serif;
}


/* Textmarkierung in Markenblau statt Browser-Standardblau */
::selection {
	background: var(--gtp-blue, #1684dd);
	color: var(--gtp-paper, #ffffff);
}

/* Sichtbarer Fokus-Ring in Markenfarbe statt Browser-Standard (Zugänglichkeit + Branding) */
:focus-visible {
	outline: 2px solid var(--gtp-blue, #1684dd);
	outline-offset: 2px;
}

/* Scrollbar in Markenfarben (Firefox) */
html {
	scrollbar-color: var(--gtp-blue, #1684dd) var(--gtp-ink, #060606);
	scrollbar-width: thin;
}

/* Scrollbar in Markenfarben (Chrome, Safari, Edge) */
html::-webkit-scrollbar,
body::-webkit-scrollbar {
	width: 10px;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
	background: var(--gtp-ink, #060606);
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
	background: var(--gtp-blue, #1684dd);
	border-radius: 6px;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
	background: var(--gtp-green, #94be72);
}