@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');

:root {
    --font-family: 'Varela Round', sans-serif;
    --1st-color: #ef9a29;
    --2nd-color: #ffffff;
    --3rd-color: #6d6d6d;
    --4th-color: #292949;

    --main-bg-color: var(--2nd-color);
    --main-txt-color: var(--3rd-color);

    --lnk-txt-color: var(--1st-color);

    --loggin-bg-color: var(--2nd-color);
    --loggin-txt-color: var(--1st-color);

    --header-bg-color: var(--2nd-color);
    --header-txt-color: var(--1st-color);

    --footer-bg-color: var(--1st-color);
    --footer-txt-color: var(--2nd-color);

    --card-bg-color: var(--2nd-color);
    --card-txt-color: var(--3rd-color);

    --btn-bg-color: var(--2nd-color);
    --btn-txt-color: var(--1st-color);
    --btn-border-color: var(--btn-txt-color);

    --logo-size: 50px;
}

/*Ajout image en bannière + config/headers.php*/
#banner {
    background-image: url("../img/bp_banner.png");
    background-size: cover !important;
    background-position: center !important;
    height: 300px;
    width: 100%;
}