@font-face {
    font-family: 'Canva Sans';
    src: url('../fonts/CanvaSans-Medium.woff2') format('woff2'),
        url('../fonts/CanvaSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../fonts/CormorantGaramond-MediumItalic.woff2') format('woff2'),
        url('../fonts/CormorantGaramond-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'The Seasons';
    src: url('../fonts/TheSeasons-Bd.woff2') format('woff2'),
        url('../fonts/TheSeasons-Bd.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SloopScriptPro';
    src: url('../fonts/SloopScriptPro-Regular.woff2') format('woff2'),
        url('../fonts/SloopScriptPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* iOS specific font optimization */
@supports (font-variation-settings: normal) {
    @font-face {
        font-family: 'SloopScriptPro';
        src: url('../fonts/SloopScriptPro-Regular.woff2') format('woff2'),
            url('../fonts/SloopScriptPro-Regular.woff') format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }
}

@font-face {
    font-family: 'Catchy Mager';
    src: url('../fonts/CatchyMager.woff2') format('woff2'),
        url('../fonts/CatchyMager.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Seasons';
    src: url('../fonts/TheSeasons-Reg.woff2') format('woff2'),
        url('../fonts/TheSeasons-Reg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../fonts/CormorantGaramond-Regular.woff2') format('woff2'),
        url('../fonts/CormorantGaramond-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../fonts/CormorantGaramond-BoldItalic.woff2') format('woff2'),
        url('../fonts/CormorantGaramond-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../fonts/CormorantGaramond-Bold.woff2') format('woff2'),
        url('../fonts/CormorantGaramond-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../fonts/CormorantGaramond-Medium.woff2') format('woff2'),
        url('../fonts/CormorantGaramond-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../fonts/CormorantGaramond-LightItalic.woff2') format('woff2'),
        url('../fonts/CormorantGaramond-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../fonts/CormorantGaramond-Italic.woff2') format('woff2'),
        url('../fonts/CormorantGaramond-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../fonts/CormorantGaramond-Light.woff2') format('woff2'),
        url('../fonts/CormorantGaramond-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Seasons';
    src: url('../fonts/TheSeasons-BdIt.woff2') format('woff2'),
        url('../fonts/TheSeasons-BdIt.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../fonts/CormorantGaramond-SemiBold.woff2') format('woff2'),
        url('../fonts/CormorantGaramond-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Seasons';
    src: url('../fonts/TheSeasons-It.woff2') format('woff2'),
        url('../fonts/TheSeasons-It.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'The Seasons';
    src: url('../fonts/TheSeasons-LtIt.woff2') format('woff2'),
        url('../fonts/TheSeasons-LtIt.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../fonts/CormorantGaramond-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/CormorantGaramond-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'The Seasons';
    src: url('../fonts/TheSeasons-Lt.woff2') format('woff2'),
        url('../fonts/TheSeasons-Lt.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Canva Sans';
    src: url('../fonts/CanvaSans-BoldItalic.woff2') format('woff2'),
        url('../fonts/CanvaSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Canva Sans';
    src: url('../fonts/CanvaSans-Regular.woff2') format('woff2'),
        url('../fonts/CanvaSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Canva Sans';
    src: url('../fonts/CanvaSans-RegularItalic.woff2') format('woff2'),
        url('../fonts/CanvaSans-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Canva Sans';
    src: url('../fonts/CanvaSans-Bold.woff2') format('woff2'),
        url('../fonts/CanvaSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Homemade Apple';
    src: url('../fonts/HomemadeApple-Regular.woff2') format('woff2'),
        url('../fonts/HomemadeApple-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Canva Sans';
    src: url('../fonts/CanvaSans-MediumItalic.woff2') format('woff2'),
        url('../fonts/CanvaSans-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}