:root {
    --bs-font-sans-serif: "Inter", sans-serif;
    --bs-body-line-height: 1.6;
    --bs-body-color: var(--slate);
    --bs-body-color-rgb: 51, 51, 51;
    --bs-heading-color: var(--charcoal);
    --bs-heading-color-rgb: 18, 18, 18;

    --bs-body-bg: var(--ivory);

    --bs-dark-rgb: 18, 18, 18;

    --bs-primary-rgb: 187, 136, 26;
}

.btn {
    --bs-btn-padding-x: 1.85rem;
    --bs-btn-padding-y: 0.95rem;
    --bs-btn-font-size: .78rem;
    --bs-btn-font-weight: 600;
    --bs-btn-border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: .16em;
    transition: all .2s;
}
.btn-primary {
    --bs-btn-color: var(--ivory);
    --bs-btn-bg: var(--gold);
    --bs-btn-border-color: var(--gold);
    --bs-btn-hover-color: var(--ivory);
    --bs-btn-hover-bg: #9a6a00;
    --bs-btn-hover-border-color: #9a6a00;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--ivory);
    --bs-btn-active-bg: #9a6a00;
    --bs-btn-active-border-color: #9a6a00;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--ivory);
    --bs-btn-disabled-bg: #9a6a00;
    --bs-btn-disabled-border-color: #9a6a00;
}
.btn-primary:focus,
.btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 28px -12px #bb881a8c;
}

.navbar {
    --bs-navbar-padding-y: 0;
    --bs-navbar-color: var(--charcoal);
    --bs-navbar-hover-color: var(--gold);
    --bs-navbar-active-color: var(--gold);
}
.navbar-nav {
    --bs-nav-link-font-size: .8rem;
    --bs-nav-link-font-weight: 500;
}