@font-face {
    font-family: "Bebas Neue";
    src: url("../fonts/BebasNeue-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Comfortaa";
    src: url("../fonts/Comfortaa-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --clr-primary-bg: #eff8fd;
    --clr-secondary-bg: #002b53;
    --clr-tertiary-bg: #fcfcd4;
    --clr-accent: #56b5e7;
    --clr-accent-alt: #4ca1cf;
    --clr-primary-txt: #002b53;
    --clr-primary-txt-alt: #30424F;
    --clr-secondary-txt: #fcfcd4;
    --clr-tertiary-txt: #FFF9F0;

    --font-primary: Bebas Neue;
    --font-secondary: Comfortaa;

    --clr-info: #62BAAC;
    --clr-success: #00C276;
    --clr-warning: #F59B30;
    --clr-danger: #ED695D;
}