/**
 * HEIDI AI - Custom Fonts
 * Norse Bold & Reckless Sans
 * 
 * Font loading order optimized for modern browsers:
 * 1. woff2 (best compression, modern browsers)
 * 2. woff (good compression, wide support)
 * 3. opentype (fallback)
 * 4. eot (IE legacy)
 * 5. svg (very old browsers)
 */

/* ========================================
   NORSE BOLD - For Headers
   ======================================== */
@font-face {
    font-family: 'Norse Bold';
    src: url('../assets/font/fonts-desktop-web/Norse-Reg-Bold/web-fonts/Norse-Bold-webfont/fonts/norsebold.woff2') format('woff2'),
         url('../assets/font/fonts-desktop-web/Norse-Reg-Bold/web-fonts/Norse-Bold-webfont/fonts/norsebold.woff') format('woff'),
         url('../assets/font/fonts-desktop-web/Norse-Reg-Bold/web-fonts/Norse-Bold-webfont/fonts/norsebold.otf') format('opentype'),
         url('../assets/font/fonts-desktop-web/Norse-Reg-Bold/web-fonts/Norse-Bold-webfont/fonts/norsebold.eot?#iefix') format('embedded-opentype'),
         url('../assets/font/fonts-desktop-web/Norse-Reg-Bold/web-fonts/Norse-Bold-webfont/fonts/norsebold.svg#Norse') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    /* Improve font rendering across browsers */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ========================================
   NORSE REGULAR - For Headers (lighter weight)
   ======================================== */
@font-face {
    font-family: 'Norse';
    src: url('../assets/font/fonts-desktop-web/Norse-Reg-Bold/web-fonts/Norse-regular-webfont/fonts/norseregular.woff2') format('woff2'),
         url('../assets/font/fonts-desktop-web/Norse-Reg-Bold/web-fonts/Norse-regular-webfont/fonts/norseregular.woff') format('woff'),
         url('../assets/font/fonts-desktop-web/Norse-Reg-Bold/web-fonts/Norse-regular-webfont/fonts/norseregular.otf') format('opentype'),
         url('../assets/font/fonts-desktop-web/Norse-Reg-Bold/web-fonts/Norse-regular-webfont/fonts/norseregular.eot?#iefix') format('embedded-opentype'),
         url('../assets/font/fonts-desktop-web/Norse-Reg-Bold/web-fonts/Norse-regular-webfont/fonts/norseregular.svg#Norse') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ========================================
   POWER OF DRAGON - For Main Header Titles
   ======================================== */
@font-face {
    font-family: 'Power of Dragon';
    src: url('../assets/font/fonts-desktop-web/PowerofDragon/webfont/PowerofDragon-Regular.woff') format('woff'),
         url('../assets/font/fonts-desktop-web/PowerofDragon/desktop-fonts/PowerofDragon-Regular.otf') format('opentype'),
         url('../assets/font/fonts-desktop-web/PowerofDragon/desktop-fonts/PowerofDragon-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ========================================
   RECKLESS SANS - For Body & Navigation
   ======================================== */
@font-face {
    font-family: 'Reckless Sans';
    src: url('../assets/font/fonts-desktop-web/Reckless-Sans/web-fonts/fonts/RecklessSans-Regular.woff2') format('woff2'),
         url('../assets/font/fonts-desktop-web/Reckless-Sans/web-fonts/fonts/RecklessSans-Regular.woff') format('woff'),
         url('../assets/font/fonts-desktop-web/Reckless-Sans/web-fonts/fonts/RecklessSans-Regular.otf') format('opentype'),
         url('../assets/font/fonts-desktop-web/Reckless-Sans/web-fonts/fonts/RecklessSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('../assets/font/fonts-desktop-web/Reckless-Sans/web-fonts/fonts/RecklessSans-Regular.svg#RecklessSans') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ========================================
   FONT RENDERING IMPROVEMENTS
   Cross-browser text rendering optimization
   ======================================== */

/* Apply font smoothing globally for consistency */
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Ensure custom fonts render consistently */
.fantasy-font,
.section-header,
.header-main-title,
.header-subtitle,
.nav-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}