/**
 * ADMYBIKE - Local Font Definitions
 * Inter Font + Material Icons (hosted locally for GDPR compliance)
 */

/* ============================================================================
   INTER FONT FAMILY
   Optimiert: Nur benötigte Weights (400, 500, 600, 700) - spart ~80KB
   ============================================================================ */

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

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

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

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

/* ============================================================================
   SPACE GROTESK - Headline Font (Variable Font, 500-700)
   Technisch-modern, optimal für große Headlines auf Motorrad-Plattform
   ============================================================================ */

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

/* ============================================================================
   MATERIAL ICONS OUTLINED
   ============================================================================ */

@font-face {
    font-family: 'Material Icons Outlined';
    src: url('/fonts/material-icons/material-icons-outlined.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

.material-icons-outlined {
    font-family: 'Material Icons Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

/* Icon Size Variants */
.material-icons-outlined.md-18 { font-size: 18px; }
.material-icons-outlined.md-20 { font-size: 20px; }
.material-icons-outlined.md-24 { font-size: 24px; }
.material-icons-outlined.md-36 { font-size: 36px; }
.material-icons-outlined.md-48 { font-size: 48px; }

/* Icon Color Variants */
.material-icons-outlined.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons-outlined.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
.material-icons-outlined.md-light { color: rgba(255, 255, 255, 1); }
.material-icons-outlined.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }