:root {
    --primary-tan: #D2B48C;
    --dark-brown: #5A3E2B;
    --light-beige: #F5E1DA;
    --pure-white: #FFFFFF;
    --text-gray: #333333;
}

body {
    background-color: var(--light-beige);
    color: var(--text-gray);
}

.navbar-brand {
    color: var(--primary-tan) !important;
}

.nav-link {
    color: var(--primary-tan) !important;
}

.footer-custom {
    background-color: var(--primary-tan);
    color: var(--dark-brown);
}

a,
.btn-primary {
    background-color: var(--dark-brown);
    border-color: var(--dark-brown);
}

.btn-primary:hover {
    background-color: var(--text-gray);
    border-color: var(--text-gray);
}

#toast-container {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 1080;
}