/*.navbar {
    background-color: var(--main-color);
}

.nav-color {
    background-color: var(--main-color);
}

.navbar-brand {
    color: var(--thin-color);
}

    .navbar-brand:hover {
        color: var(--thin-color);
    }

a.nav-button {
    background-color: var(--accent-color);
    color:white;
}*/

a.nav-link {
    color: var(--dark-color);
}

    a.nav-link:hover {
        color: var(--dark-color);
    }

    a.nav-link.active {
        color: var(--dark-color);
    }

body {
    color: var(--dark-color);
    background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--dark-color);
}

.text-base{
    color: var(--base-color);
}

.text-main{
    color: var(--main-color);
}

.text-dark {
    color: var(--dark-color);
}

.text-accent {
    color: var(--accent-color);
}

.text-thin {
    color: var(--thin-color);
}

.bg-base {
    background-color: var(--base-color);
}

.bg-main {
    background-color: var(--main-color);
}

.bg-dark {
    background-color: var(--dark-color);
}

.bg-accent {
    background-color: var(--accent-color);
}

.bg-thin {
    background-color: var(--thin-color);
}