:root {
    --font-primary: "Cocogoose", "Cocogoose Pro", "Cocogoose Classic", "Open Sans", "Poppins", sans-serif;
}

@font-face {
    font-family: "Cocogoose";
    src:
        local("Cocogoose Pro Light"),
        local("Cocogoose Light"),
        local("Cocogoose Classic Light");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Cocogoose";
    src:
        local("Cocogoose Pro"),
        local("Cocogoose Pro Regular"),
        local("Cocogoose Regular"),
        local("Cocogoose"),
        local("Cocogoose Classic Regular"),
        local("Cocogoose Classic");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Cocogoose";
    src:
        local("Cocogoose Pro Bold"),
        local("Cocogoose Bold"),
        local("Cocogoose Classic Bold");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

html,
body {
    font-family: var(--font-primary);
}

h1, h2, h3, h4, h5, h6,
.btn,
.page-title,
.navbar-custom,
.navbar-custom-home,
.dropdown-menu,
.form-control,
.form-select,
.form-check-label,
.alert {
    font-family: var(--font-primary);
}