/* =========================================================
   Privatbergführer – zentrale Design-Variablen
   Farben und Schriften von privatbergfuehrer.de übernommen.
   Einziger Ort für Farben, Schriften, Abstände.
   Wird in page.typoscript vor custom.css eingebunden.
   ========================================================= */

:root {
	/* --- Farben (Werte der Altseite) --- */
	--pbf-blau: #3498db;
	/* Akzent: Links, aktiver Menüpunkt, Marken-Schriftzug, Button 1 */
	--pbf-blau-dark: #2980b9;
	/* Akzent im Hover */
	--pbf-text: #555;
	/* Fließtext und Überschriften */
	--pbf-text-dunkel: #333;
	/* kräftigerer Text */
	--pbf-text-weiss: #fff;
	--pbf-grau-hell: #f7f7f7;
	/* dezente Flächen */
	--pbf-linie: #e5e5e5;
	/* Trennlinien, Ränder */
	--pbf-hintergrund: #fff;

	--pbf-footer-bg: #161616;
	--pbf-footer-text: #777;
	--pbf-footer-headline: #eee;
	--pbf-copyright-bg: #222;
	--pbf-btn-dunkel: #555;
	--pbf-btn-dunkel-hover: #333;

	/* Kompatibilität zu bestehenden Regeln */
	--pbf-primary: var(--pbf-blau);
	--pbf-primary-dark: var(--pbf-blau-dark);
	--pbf-secondary: var(--pbf-blau);
	--pbf-accent: var(--pbf-grau-hell);

	/* --- Schrift ---
	   Altseite: Überschriften und Navigation in Open Sans, Fließtext in Helvetica Neue.
	   Open Sans liegt lokal unter Resources/Public/Fonts/OpenSans (siehe fonts.css). */
	--pbf-font-base: "Helvetica Neue", Helvetica, Arial, sans-serif;
	--pbf-font-headline: "Open Sans", "Helvetica Neue", Arial, sans-serif;

	/* Grundschriftgröße: Altseite 13px, hier 16px für bessere Lesbarkeit.
	   Alle Größen hängen daran – auf 13px stellen, um die Altseite exakt zu treffen. */
	--pbf-font-size: 16px;
	--pbf-line-height: 1.6;

	/* --- Kopfbereich --- */
	--pbf-kopfbild-hoehe: 600px;
	/* Maximalhöhe Desktop, wie auf der Altseite */
	--pbf-header-hoehe: 94px;
	/* Höhe der fixierten Navigation ab 992px */
	--pbf-header-hoehe-mobil: 64px;

	/* --- Abstände --- */
	--pbf-space-small: 1.5rem;
	--pbf-space-medium: 3rem;
	--pbf-space-large: 5rem;

	/* --- Bootstrap-Variablen auf Projektwerte mappen --- */
	--bs-body-font-family: var(--pbf-font-base);
	--bs-body-font-size: var(--pbf-font-size);
	--bs-body-line-height: var(--pbf-line-height);
	--bs-body-color: var(--pbf-text);
	--bs-body-bg: var(--pbf-hintergrund);
	--bs-link-color: var(--pbf-blau);
	--bs-link-hover-color: var(--pbf-blau-dark);
	--bs-border-color: var(--pbf-linie);
}