:root {
    --main-app-color-rgb: 255, 184, 28;
    --main-app-color-filter: invert(83%) sepia(15%) saturate(5086%) hue-rotate(342deg) brightness(102%) contrast(101%);
    --q-color-primary: rgb(var(--main-app-color-rgb)) !important;
    --main-app-font: Montserrat;
    --secondary-app-font: Roboto;
}

.color-filter {
    filter: var(--main-app-color-filter)
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Regular.ttf);
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-LightItalic.ttf);
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Regular.ttf);
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Medium.ttf);
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-SemiBold.ttf);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Regular.ttf);
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}