@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@700&display=swap');

:root {
    --font-sans: 'SparklBody', sans-serif;
    --font-display: 'SparklHeading', serif;
    --font-handwriting: 'Caveat', sans-serif;
}

@font-face {
    font-family: "SparklBody";
    src: url('/assets/font/SparklBodySemiBold.woff2') format('woff2'), url('/assets/font/SparklBodySemiBold.woff') format('woff');
    font-weight: 600; /* Semi Bold weight */
    font-style: normal;
}

@font-face {
    font-family: "SparklBody";
    src: url('/assets/font/SparklBodyBoldItalic.woff2') format('woff2'), url('/assets/font/SparklBodyBoldItalic.woff') format('woff');
    font-weight: 700; /* Bold weight */
    font-style: italic;
}

@font-face {
    font-family: "SparklHeading";
    src: url('/assets/font/SparklHeadingMedium.woff2') format('woff2'), url('/assets/font/SparklHeadingMedium.woff') format('woff');
    font-weight: 500; /* Medium weight */
    font-style: normal;
}

@font-face {
    font-family: "SparklBody";
    src: url('/assets/font/SparklBodyRegular.woff2') format('woff2'), url('/assets/font/SparklBodyRegular.woff') format('woff');
    font-weight: 400; /* Regular weight */
    font-style: normal;
}