:root {
    --ns-bronze: #7B5006;
    --ns-rose: #A66B5D;
    --ns-pink: #FFD0C7;
    --ns-pink-light: #FBEAE8;
    --ns-grey: #c8ccc6;
}

/* Colors */
.bg-bronze {
    background: var(--ns-bronze);
}

.bg-rose {
    background: var(--ns-rose);
}

.bg-pink {
    background: var(--ns-pink);
}

.bg-pink-light {
    background: var(--ns-pink-light);
}

.bg-grey {
    background: var(--ns-grey);
}

/* General */
body {
    color: var(--ns-bronze);
}

section {
    padding: 1rem;
}

a {
    color: var(--ns-rose);
    text-decoration: none;
}

a:hover {
    color: var(--bs-black);
    text-decoration: none;
}

/* Bootstrap */
.btn-primary {
    --bs-btn-color: var(--ns-bronze);
    --bs-btn-bg: var(--ns-pink);
    --bs-btn-border-color: var(--bs-black);
    --bs-btn-hover-color: var(--ns-pink);
    --bs-btn-hover-bg: var(--ns-rose);
    --bs-btn-hover-border-color: var(--bs-black);
}

.bd-content h1 {
    color: var(--bs-black);
}

.bd-content h2 {
    margin-top: 3rem;
    color: var(--bs-black);
}

.bd-content h3 {
    color: var(--bs-black);
}

.bd-content h5 {
    color: var(--ns-rose);
}

/* Header */
#header-menu {
    background: var(--ns-pink-light);
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-left: 50px !important;
}

.navbar .nav-item a {
    color: var(--ns-rose);
}

.navbar .nav-item a:hover,
.navbar .nav-item a.active {
    color: var(--bs-black);
}

.navbar-brand img {
    width: 100px;
}

/* Footer */
#footer-menu {
    background: var(--ns-pink-light);
}

#footer-menu a.active {
    color: var(--bs-black);
}

#footer-menu img {
    width: 150px;
}