/* ============================================================
 * Inter — self-hosted variable font (rsms.me/inter v4.x)
 *
 * Файли (~740KB разом):
 *   InterVariable.woff2         — roman (regular axis)
 *   InterVariable-Italic.woff2  — italic
 *
 * Variable font: одним файлом покриває всю вагу 100–900 + slant 0–10.
 * font-display: swap — браузер одразу показує fallback system font,
 * потім перемикає на Inter коли завантажиться (без FOIT).
 * ============================================================ */

@font-face {
    font-family: 'Inter';
    src: url('/assets/vendor/inter/InterVariable.woff2') format('woff2-variations'),
         url('/assets/vendor/inter/InterVariable.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/assets/vendor/inter/InterVariable-Italic.woff2') format('woff2-variations'),
         url('/assets/vendor/inter/InterVariable-Italic.woff2') format('woff2');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

/* Опційний rendering polish — застосовується ВСЮДИ де використовується Inter.
   Якщо створює конфлікт у певному компоненті — переоприділити локально. */
:root {
    --font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
}
body {
    font-feature-settings: var(--font-feature-settings);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}