/* Critical font declarations - loaded statically to prevent FOUT during navigation */

/* Delight Fallback - adjusted to match Delight metrics to minimize layout shift */
@font-face {
    font-family: 'Delight Fallback';
    src: local('BlinkMacSystemFont'), local('-apple-system'), local('Segoe UI'), local('Roboto'), local('sans-serif');
    size-adjust: 105%;
    ascent-override: 95%;
    descent-override: 22%;
    line-gap-override: 0%;
}

/* Overused Grotesk Fallback - adjusted to match Overused Grotesk metrics */
@font-face {
    font-family: 'Grotesk Fallback';
    src: local('BlinkMacSystemFont'), local('-apple-system'), local('Segoe UI'), local('Roboto'), local('sans-serif');
    size-adjust: 100%;
    ascent-override: 90%;
    descent-override: 22%;
    line-gap-override: 0%;
}

/* Note: Overused Grotesk is loaded from CDN in _document.js */
/* To self-host, add font files to /static/fonts/ and uncomment the declarations below */

/* Delight font - using swap with optimized fallback for instant rendering */
@font-face {
    font-family: 'Delight';
    src: url('/static/fonts/delight-extralight.otf') format('opentype');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Delight';
    src: url('/static/fonts/delight-light.otf') format('opentype');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Delight';
    src: url('/static/fonts/delight-regular.otf') format('opentype');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Delight';
    src: url('/static/fonts/delight-medium.otf') format('opentype');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Delight';
    src: url('/static/fonts/delight-semibold.otf') format('opentype');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Delight';
    src: url('/static/fonts/delight-bold.otf') format('opentype');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Delight';
    src: url('/static/fonts/delight-extrabold.otf') format('opentype');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Delight';
    src: url('/static/fonts/delight-black.otf') format('opentype');
    font-weight: 900;
    font-display: swap;
}