@font-face {
    font-family: 'Twenty One';
    src: url('_media/custom/fonts/TwentyOne.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Goldenbook';
    src: url('_media/custom/fonts/Goldenbook.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Garet';
    src: url('_media/custom/fonts/Garet-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Garet Book';
    src: url('_media/custom/fonts/Garet-Book.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


:root {
    --script-title-font: 'Twenty One' !important;
    --title-font-family: 'Goldenbook' !important;
    --sub-title-font-family: 'Garet Book' !important;
    --body-font-family: 'Garet Book' !important;
    --menu-font-family: 'Garet Book' !important;
    --button-font-family: 'Garet Book' !important;
    --p-font-size: clamp(1rem, calc(1rem + ((1vw - 0.225rem) * 0.47)), 1.1rem);
}