/**
 * Local Fonts - Self-hosted Variable Fonts
 * 
 * All fonts are variable fonts (single file, all weights)
 * - Space Grotesk (OdioQue headlines)
 * - Manrope (OdioQue body)
 * - DM Sans (ListoLoDije headlines)
 * - Inter (ListoLoDije/SabiasQue body)
 */

/* ==========================================================================
   SPACE GROTESK - OdioQue Headlines (Variable: 400-700)
   ========================================================================== */

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

/* ==========================================================================
   MANROPE - OdioQue Body (Variable: 400-800)
   ========================================================================== */

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('manrope-400.woff2') format('woff2');
}

/* ==========================================================================
   DM SANS - ListoLoDije Headlines (Variable: 400-700)
   ========================================================================== */

@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('dm-sans-400.woff2') format('woff2');
}

@font-face {
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('dm-sans-400-italic.woff2') format('woff2');
}

/* ==========================================================================
   INTER - ListoLoDije/SabiasQue Body (Variable: 400-800)
   ========================================================================== */

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