/**
 * Local Google Fonts - DSGVO Compliant
 * 
 * Diese Datei lädt Schriftarten lokal statt von Google.
 * 
 * ANLEITUNG zum Herunterladen der Fonts:
 * 1. Besuche https://gwfh.mranftl.com/fonts (Google Webfonts Helper)
 * 2. Suche nach: Inter, Manrope, Space Grotesk, JetBrains Mono, Crimson Pro
 * 3. Wähle die gewünschten Gewichte (400, 500, 600, 700, 800)
 * 4. Lade die Fonts als ZIP herunter
 * 5. Extrahiere die .woff2 und .woff Dateien in diesen Ordner: /assets/fonts/
 * 
 * Oder nutze das Tool: https://google-webfonts-helper.herokuapp.com/
 */

/* ==========================================================================
   INTER - Bold Modern Design (Basis)
   ========================================================================== */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Inter Regular'), local('Inter-Regular'),
		url('../fonts/inter-v13-latin-regular.woff2') format('woff2'),
		url('../fonts/inter-v13-latin-regular.woff') format('woff');
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: local('Inter Medium'), local('Inter-Medium'),
		url('../fonts/inter-v13-latin-500.woff2') format('woff2'),
		url('../fonts/inter-v13-latin-500.woff') format('woff');
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: local('Inter SemiBold'), local('Inter-SemiBold'),
		url('../fonts/inter-v13-latin-600.woff2') format('woff2'),
		url('../fonts/inter-v13-latin-600.woff') format('woff');
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local('Inter Bold'), local('Inter-Bold'),
		url('../fonts/inter-v13-latin-700.woff2') format('woff2'),
		url('../fonts/inter-v13-latin-700.woff') format('woff');
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: local('Inter ExtraBold'), local('Inter-ExtraBold'),
		url('../fonts/inter-v13-latin-800.woff2') format('woff2'),
		url('../fonts/inter-v13-latin-800.woff') format('woff');
}

/* ==========================================================================
   MANROPE - Bold Modern Design (Headlines)
   ========================================================================== */
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: local('Manrope SemiBold'), local('Manrope-SemiBold'),
		url('../fonts/manrope-v15-latin-600.woff2') format('woff2'),
		url('../fonts/manrope-v15-latin-600.woff') format('woff');
}

@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local('Manrope Bold'), local('Manrope-Bold'),
		url('../fonts/manrope-v15-latin-700.woff2') format('woff2'),
		url('../fonts/manrope-v15-latin-700.woff') format('woff');
}

@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: local('Manrope ExtraBold'), local('Manrope-ExtraBold'),
		url('../fonts/manrope-v15-latin-800.woff2') format('woff2'),
		url('../fonts/manrope-v15-latin-800.woff') format('woff');
}

/* ==========================================================================
   SPACE GROTESK - Tech Premium Design
   ========================================================================== */
@font-face {
	font-family: 'Space Grotesk';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Space Grotesk Regular'), local('SpaceGrotesk-Regular'),
		url('../fonts/space-grotesk-v16-latin-regular.woff2') format('woff2'),
		url('../fonts/space-grotesk-v16-latin-regular.woff') format('woff');
}

@font-face {
	font-family: 'Space Grotesk';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: local('Space Grotesk Medium'), local('SpaceGrotesk-Medium'),
		url('../fonts/space-grotesk-v16-latin-500.woff2') format('woff2'),
		url('../fonts/space-grotesk-v16-latin-500.woff') format('woff');
}

@font-face {
	font-family: 'Space Grotesk';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: local('Space Grotesk SemiBold'), local('SpaceGrotesk-SemiBold'),
		url('../fonts/space-grotesk-v16-latin-600.woff2') format('woff2'),
		url('../fonts/space-grotesk-v16-latin-600.woff') format('woff');
}

@font-face {
	font-family: 'Space Grotesk';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local('Space Grotesk Bold'), local('SpaceGrotesk-Bold'),
		url('../fonts/space-grotesk-v16-latin-700.woff2') format('woff2'),
		url('../fonts/space-grotesk-v16-latin-700.woff') format('woff');
}

/* ==========================================================================
   JETBRAINS MONO - Tech Premium Design (Code)
   ========================================================================== */
@font-face {
	font-family: 'JetBrains Mono';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('JetBrains Mono Regular'), local('JetBrainsMono-Regular'),
		url('../fonts/jetbrains-mono-v18-latin-regular.woff2') format('woff2'),
		url('../fonts/jetbrains-mono-v18-latin-regular.woff') format('woff');
}

@font-face {
	font-family: 'JetBrains Mono';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: local('JetBrains Mono SemiBold'), local('JetBrainsMono-SemiBold'),
		url('../fonts/jetbrains-mono-v18-latin-600.woff2') format('woff2'),
		url('../fonts/jetbrains-mono-v18-latin-600.woff') format('woff');
}

/* ==========================================================================
   CRIMSON PRO - Classic Trust Design (Serif)
   ========================================================================== */
@font-face {
	font-family: 'Crimson Pro';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Crimson Pro Regular'), local('CrimsonPro-Regular'),
		url('../fonts/crimson-pro-v24-latin-regular.woff2') format('woff2'),
		url('../fonts/crimson-pro-v24-latin-regular.woff') format('woff');
}

@font-face {
	font-family: 'Crimson Pro';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: local('Crimson Pro SemiBold'), local('CrimsonPro-SemiBold'),
		url('../fonts/crimson-pro-v24-latin-600.woff2') format('woff2'),
		url('../fonts/crimson-pro-v24-latin-600.woff') format('woff');
}

@font-face {
	font-family: 'Crimson Pro';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local('Crimson Pro Bold'), local('CrimsonPro-Bold'),
		url('../fonts/crimson-pro-v24-latin-700.woff2') format('woff2'),
		url('../fonts/crimson-pro-v24-latin-700.woff') format('woff');
}

/* ==========================================================================
   Fallback Systemschriften (falls lokale Fonts nicht geladen sind)
   ========================================================================== */
:root {
	--font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	--font-heading: 'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	--font-mono: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
	--font-serif: 'Crimson Pro', 'Georgia', 'Times New Roman', serif;
	--font-tech: 'Space Grotesk', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}