@charset "UTF-8";

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: optional;
    src: local('Inter'),
         url('/css/fonts/Inter-Regular.woff2') format('woff2');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: optional;
    src: local('Inter'),
         url('/css/fonts/Inter-Medium.woff2') format('woff2');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: optional;
    src: local('Inter'),
         url('/css/fonts/Inter-SemiBold.woff2') format('woff2');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-display: optional;
    src: local('Inter'),
         url('/css/fonts/Inter-ExtraBold.woff2') format('woff2');
}

/*  Uveraged for all
@font-face {
    font-family: 'Inter-fallback';
    src: local('SF Pro'), local('Roboto'), local('Segoe UI'), local('sans-serif');
    size-adjust: 102%;
    ascent-override: 90%;
    descent-override: 22.5%;
    line-height-override: normal;
}
*/
/*
 * Inter metrics (Inter-Regular.woff2, USE_TYPO_METRICS=true):
 *   unitsPerEm=2048, ascent=1984, descent=-494, lineGap=0,
 *   xHeight=1118, xWidthAvg(weighted)=1013
 * size-adjust matched by xWidthAvg ratio (prevents horizontal reflow);
 * ascent/descent-override = Inter metric / size-adjust.
 */

/* 1. Apple (macOS/iOS) — fallback: SF Pro Display/Text */
@font-face {
    font-family: 'Inter-fallback';
    src: local('SF Pro Display'), local('SF Pro Text'), local('.SFNSDisplay-Regular'), local('sans-serif');
    size-adjust: 104.65%;
    ascent-override: 92.57%;
    descent-override: 23.05%;
    line-gap-override: 0%;
}

/* 2. Windows — fallback: Segoe UI */
@font-face {
    font-family: 'Inter-fallback';
    src: local('Segoe UI'), local('sans-serif');
    size-adjust: 106.41%;
    ascent-override: 91.04%;
    descent-override: 22.67%;
    line-gap-override: 0%;
}

/* 3. Android/Linux — fallback: Roboto */
@font-face {
    font-family: 'Inter-fallback';
    src: local('Roboto'), local('sans-serif');
    size-adjust: 110.95%;
    ascent-override: 87.31%;
    descent-override: 21.74%;
    line-gap-override: 0%;
}

html,
body {
    font-family: "Inter", "Inter-fallback", sans-serif;
}