/* =============================================================================
   LOCAL FONT DEFINITIONS - WITH LATIN EXTENDED SUPPORT
   =============================================================================

   All fonts include Latin Extended character set for ČĆŠĐŽ support.

   AVAILABLE FONT FAMILIES:

   TECH/FUTURISTIC:
   - Exo 2            (--font-family-exo2)             - Geometric futuristic (replaces Orbitron)
   - Audiowide        (--font-family-audiowide)        - Wide tech display
   - Russo One        (--font-family-russo-one)        - Bold display (replaces Quantico)
   - Rajdhani         (--font-family-rajdhani)         - Tech/geometric (replaces Electrolize)

   CLEAN/MODERN:
   - Roboto           (--font-family-roboto)           - Google's flagship
   - Poppins          (--font-family-poppins)          - Geometric sans
   - Montserrat       (--font-family-montserrat)       - Urban elegance
   - Inter            (--font-family-inter)            - UI optimized

   DISPLAY/DECORATIVE:
   - Cinzel Decorative (--font-family-cinzel-decorative) - Elegant classical
   - Krona One        (--font-family-krona-one)        - Scandinavian retro
   - Oi               (--font-family-oi)               - Ultra-fat quirky
   - Righteous        (--font-family-righteous)        - Retro display (replaces Rubik Glitch)
   - Comfortaa        (--font-family-comfortaa)        - Rounded geometric

   SCRIPT/HANDWRITTEN:
   - Ballet           (--font-family-ballet)           - Elegant formal script
   - Great Vibes      (--font-family-great-vibes)      - Elegant script (replaces Fleur De Leah)
   - Caveat           (--font-family-caveat)           - Casual handwritten (replaces Fasthand)
   - Dancing Script   (--font-family-dancing-script)   - Bouncy casual
   - Sacramento       (--font-family-sacramento)       - Monoline retro
   - Tangerine        (--font-family-tangerine)        - Calligraphic (replaces Italianno)
   - Satisfy          (--font-family-satisfy)          - Brush script
   - Architects Daughter (--font-family-architects-daughter) - Hand-drawn (replaces Amatic SC)
   - Ephesis          (--font-family-ephesis)          - Modern casual script

   HOW TO USE:
   1. Use CSS variables: font-family: var(--font-family-exo2);
   2. Or utility classes: class="font-exo2"

   ============================================================================= */


/* =============================================================================
   TECH/FUTURISTIC FONTS
   ============================================================================= */

/* Exo 2 - Geometric futuristic display (replaces Orbitron) */
@font-face {
    font-family: 'Exo 2';
    src: url('../fonts/exo-2/exo-2-v26-latin_latin-ext-300.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Exo 2';
    src: url('../fonts/exo-2/exo-2-v26-latin_latin-ext-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Exo 2';
    src: url('../fonts/exo-2/exo-2-v26-latin_latin-ext-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Exo 2';
    src: url('../fonts/exo-2/exo-2-v26-latin_latin-ext-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Exo 2';
    src: url('../fonts/exo-2/exo-2-v26-latin_latin-ext-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Audiowide - Wide tech display */
@font-face {
    font-family: 'Audiowide';
    src: url('../fonts/audiowide/audiowide-v22-latin_latin-ext-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Russo One - Bold display (replaces Quantico) */
@font-face {
    font-family: 'Russo One';
    src: url('../fonts/russo-one/russo-one-v18-latin_latin-ext-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Rajdhani - Tech/geometric (replaces Electrolize) */
@font-face {
    font-family: 'Rajdhani';
    src: url('../fonts/rajdhani/rajdhani-v17-latin_latin-ext-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

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

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

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


/* =============================================================================
   CLEAN/MODERN FONTS
   ============================================================================= */

/* Roboto - Google's flagship font */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/roboto-v51-latin_latin-ext-300.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/roboto-v51-latin_latin-ext-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/roboto-v51-latin_latin-ext-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/roboto-v51-latin_latin-ext-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/roboto-v51-latin_latin-ext-900.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Poppins - Geometric sans-serif */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/poppins-v24-latin_latin-ext-300.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/poppins-v24-latin_latin-ext-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/poppins-v24-latin_latin-ext-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/poppins-v24-latin_latin-ext-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/poppins-v24-latin_latin-ext-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/poppins-v24-latin_latin-ext-800.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Montserrat - Urban elegance */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/montserrat-v31-latin_latin-ext-300.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/montserrat-v31-latin_latin-ext-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/montserrat-v31-latin_latin-ext-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/montserrat-v31-latin_latin-ext-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/montserrat-v31-latin_latin-ext-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Inter - UI optimized sans-serif */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@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;
}

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


/* =============================================================================
   DISPLAY/DECORATIVE FONTS
   ============================================================================= */

/* Cinzel Decorative - Elegant classical display */
@font-face {
    font-family: 'Cinzel Decorative';
    src: url('../fonts/cinzel-decorative/cinzel-decorative-v19-latin_latin-ext-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cinzel Decorative';
    src: url('../fonts/cinzel-decorative/cinzel-decorative-v19-latin_latin-ext-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Krona One - Scandinavian retro display */
@font-face {
    font-family: 'Krona One';
    src: url('../fonts/krona-one/krona-one-v15-latin_latin-ext-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Oi - Ultra-fat quirky display */
@font-face {
    font-family: 'Oi';
    src: url('../fonts/oi/oi-v21-latin_latin-ext-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Righteous - Retro display (replaces Rubik Glitch) */
@font-face {
    font-family: 'Righteous';
    src: url('../fonts/righteous/righteous-v18-latin_latin-ext-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Comfortaa - Rounded geometric display */
@font-face {
    font-family: 'Comfortaa';
    src: url('../fonts/comfortaa/comfortaa-v47-latin_latin-ext-300.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Comfortaa';
    src: url('../fonts/comfortaa/comfortaa-v47-latin_latin-ext-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Comfortaa';
    src: url('../fonts/comfortaa/comfortaa-v47-latin_latin-ext-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Comfortaa';
    src: url('../fonts/comfortaa/comfortaa-v47-latin_latin-ext-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Comfortaa';
    src: url('../fonts/comfortaa/comfortaa-v47-latin_latin-ext-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* =============================================================================
   SCRIPT/HANDWRITTEN FONTS
   ============================================================================= */

/* Ballet - Elegant formal script */
@font-face {
    font-family: 'Ballet';
    src: url('../fonts/ballet/ballet-v30-latin_latin-ext-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Great Vibes - Elegant script (replaces Fleur De Leah) */
@font-face {
    font-family: 'Great Vibes';
    src: url('../fonts/great-vibes/great-vibes-v21-latin_latin-ext-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Caveat - Casual handwritten (replaces Fasthand) */
@font-face {
    font-family: 'Caveat';
    src: url('../fonts/caveat/caveat-v23-latin_latin-ext-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Caveat';
    src: url('../fonts/caveat/caveat-v23-latin_latin-ext-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Caveat';
    src: url('../fonts/caveat/caveat-v23-latin_latin-ext-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Caveat';
    src: url('../fonts/caveat/caveat-v23-latin_latin-ext-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Dancing Script - Bouncy casual script */
@font-face {
    font-family: 'Dancing Script';
    src: url('../fonts/dancing-script/dancing-script-v29-latin_latin-ext-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dancing Script';
    src: url('../fonts/dancing-script/dancing-script-v29-latin_latin-ext-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dancing Script';
    src: url('../fonts/dancing-script/dancing-script-v29-latin_latin-ext-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dancing Script';
    src: url('../fonts/dancing-script/dancing-script-v29-latin_latin-ext-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Sacramento - Monoline retro script */
@font-face {
    font-family: 'Sacramento';
    src: url('../fonts/sacramento/sacramento-v17-latin_latin-ext-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Tangerine - Calligraphic script (replaces Italianno) */
@font-face {
    font-family: 'Tangerine';
    src: url('../fonts/tangerine/tangerine-v18-latin-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tangerine';
    src: url('../fonts/tangerine/tangerine-v18-latin-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Satisfy - Brush script */
@font-face {
    font-family: 'Satisfy';
    src: url('../fonts/satisfy/satisfy-v22-latin-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Architects Daughter - Hand-drawn (replaces Amatic SC) */
@font-face {
    font-family: 'Architects Daughter';
    src: url('../fonts/architects-daughter/architects-daughter-v20-latin_latin-ext-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Ephesis - Modern casual script */
@font-face {
    font-family: 'Ephesis';
    src: url('../fonts/ephesis/ephesis-v11-latin_latin-ext-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}