@font-face {
        font-family: "CustomTitleFont";
        src: url("https://vaya.invitado.nl/uploads/03e89309352b0b185ead350e86c5eea0fdae138d9d573eba0a32bd122fe81c7f.woff2") format("woff2");
    }

    @font-face {
        font-family: "CustomTextFont";
        src: url("https://vaya.invitado.nl/uploads/782fb4d938dfe09cd19e553468ed31f03e7c1dece58ef0d324e198ad9a9f9c67.woff2") format("woff2");
    }

:root {
    --header-color: #FF8E00;
    --header-text-color: #FFFFFF;

    --highlight-color: #FF8E00;
    --highlight-text-color: #FFFFFF;

    --headline-spacing: 0.25rem;

    --button-color: #CC1A71;
    --button-hover-color: color-mix(in hsl, var(--button-color), #000000 20%);
    --button-text-color: #FFFFFF;

    --link-text-color: #CC1A71;
    --text-color: #1C171A;
    --title-color: #1C171A;

    --offwhite-background-color: color-mix(in srgb, var(--highlight-color), var(--color-white) 95%);

            --font-family-title: "Twemoji Country Flags", "CustomTitleFont", "Roboto", "sans-serif";
        --font-title-weight: 600;
    
            --font-family: "Twemoji Country Flags", "CustomTextFont", "Roboto", "sans-serif";
        --font-strong-weight: 600;
    }