/* ==========================================================================
   Self-hosted Fonts with font-display: swap for better performance
   ========================================================================== */

/* System font stack fallback - renders immediately while custom fonts load */
:root {
    --font-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    --font-primary: 'Roboto', var(--font-system);
}

/* Roboto - Self-hosted for better performance */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/roboto-regular.woff2') format('woff2');
}

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

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

/* Apply font to body */
body {
    font-family: var(--font-primary);
}