/**
 * MV-Sport Typography
 * Logo & Headlines: Rajdhani (lokal gehostet)
 * Body: System UI Stack
 */

/* Rajdhani Font - Lokal gehostet (DSGVO-konform) */
@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('/assets/fonts/Rajdhani-Light.woff2') format('woff2');
}

@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/assets/fonts/Rajdhani-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/assets/fonts/Rajdhani-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/assets/fonts/Rajdhani-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/assets/fonts/Rajdhani-Bold.woff2') format('woff2');
}

:root {
    --font-headline: 'Rajdhani', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Headlines */
h1, h2, h3, h4, h5, h6,
.font-headline {
    font-family: var(--font-headline);
    font-weight: 600;
    letter-spacing: -0.01em;
}

/* Logo */
.logo,
.site-title {
    font-family: var(--font-headline);
    font-weight: 700;
    letter-spacing: -0.02em;
}

/* Body Text */
body {
    font-family: var(--font-body);
}

/* Tailwind Override für Headlines */
.text-4xl,
.text-3xl,
.text-2xl,
.text-xl {
    font-family: var(--font-headline);
}

/* Button Text */
button,
.btn {
    font-family: var(--font-headline);
    font-weight: 600;
    letter-spacing: 0.01em;
}