/**
 * Erkon Typography - Self-hosted Fonts
 *
 * Font pairing:
 * - Libre Franklin: Headings - modern, professional
 * - Work Sans: Body text - excellent readability
 *
 * @package Erkon
 */

/* ==========================================================================
   LIBRE FRANKLIN - HEADINGS
   ========================================================================== */

@font-face {
    font-family: 'Libre Franklin';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../assets/fonts/libre-franklin/libre-franklin-v20-latin_latin-ext-600.woff2') format('woff2');
}

@font-face {
    font-family: 'Libre Franklin';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../assets/fonts/libre-franklin/libre-franklin-v20-latin_latin-ext-700.woff2') format('woff2');
}

/* ==========================================================================
   WORK SANS - BODY TEXT
   ========================================================================== */

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

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

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

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

/* ==========================================================================
   FONT FAMILY CSS VARIABLES
   ========================================================================== */

:root {
    --font-heading: 'Libre Franklin', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-body: 'Work Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}