/*
 * Self-hosted variable fonts. One file per family covers every weight (e.g. 200..800).
 * Use in CSS like:  font-family: 'Manrope', system-ui, sans-serif;
 *                   font-weight: 600;     // any value in the range below
 */

/* ─── Cormorant Garamond (serif, weights 300..700) ─────────────────────── */
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('/assets/fonts/cormorant-garamond/CormorantGaramond-VariableFont_wght.ttf') format('truetype-variations'),
         url('/assets/fonts/cormorant-garamond/CormorantGaramond-VariableFont_wght.ttf') format('truetype');
    font-weight: 300 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('/assets/fonts/cormorant-garamond/CormorantGaramond-Italic-VariableFont_wght.ttf') format('truetype-variations'),
         url('/assets/fonts/cormorant-garamond/CormorantGaramond-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 300 700;
    font-style: italic;
    font-display: swap;
}

/* ─── Manrope (sans-serif, weights 200..800, no italic by design) ───────── */
@font-face {
    font-family: 'Manrope';
    src: url('/assets/fonts/manrope/Manrope-VariableFont_wght.ttf') format('truetype-variations'),
         url('/assets/fonts/manrope/Manrope-VariableFont_wght.ttf') format('truetype');
    font-weight: 200 800;
    font-style: normal;
    font-display: swap;
}

/* ─── Mulish (sans-serif, weights 200..900) ─────────────────────────────── */
@font-face {
    font-family: 'Mulish';
    src: url('/assets/fonts/mulish/Mulish-VariableFont_wght.ttf') format('truetype-variations'),
         url('/assets/fonts/mulish/Mulish-VariableFont_wght.ttf') format('truetype');
    font-weight: 200 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Mulish';
    src: url('/assets/fonts/mulish/Mulish-Italic-VariableFont_wght.ttf') format('truetype-variations'),
         url('/assets/fonts/mulish/Mulish-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 200 900;
    font-style: italic;
    font-display: swap;
}

/* ─── Nunito (sans-serif, weights 200..900) ─────────────────────────────── */
@font-face {
    font-family: 'Nunito';
    src: url('/assets/fonts/nunito/Nunito-VariableFont_wght.ttf') format('truetype-variations'),
         url('/assets/fonts/nunito/Nunito-VariableFont_wght.ttf') format('truetype');
    font-weight: 200 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Nunito';
    src: url('/assets/fonts/nunito/Nunito-Italic-VariableFont_wght.ttf') format('truetype-variations'),
         url('/assets/fonts/nunito/Nunito-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 200 900;
    font-style: italic;
    font-display: swap;
}