:root {
    --header-height-front: 56px;
    --header-height-admin: 3.5rem;
    --footer-height-admin: 150px;
    --footer-height-front: 150px;
    
    --turquoise: rgb(14, 85, 85);
    --main-grey: var(--bs-gray-100);

    --main-color: var(--color-1);
    --main-font-family: Gotham;

    --content-width: 100%;

    --header-bg-color: var(--color-1);
    --footer-bg-color: var(--color-1);
    --body-bg-color: var(--color-3);

    --active-color: var(--color-5);

    --header-text-color: var(--color-2);
    --footer-text-color: var(--color-2);
    --body-text-color: var(--color-4);

    --main-padding: 2rem;
}

header .nav-link,
header .navbar-brand {
    --bs-navbar-active-color: var(--header-text-colorr) !important;
    --bs-navbar-brand-color: var(--header-text-color) !important;
    --bs-nav-link-color: var(--header-text-color) !important;
}

header .navbar-nav .nav-link.active, header .navbar-nav .nav-link.show {
    --bs-navbar-active-color: var(--header-text-color) !important;
    --bs-navbar-brand-color: var(--header-text-color) !important;
    --bs-nav-link-color: var(--header-text-color) !important;
}

.nav-link {
    --bs-navbar-active-color: var(--active-color) !important;
    --bs-navbar-brand-color: var(--active-color) !important;
    --bs-nav-link-color: var(--active-color) !important;
}