:root {
    --primary-color: #e94e1b;
    --secondary-color: #6c757d;
    --background-color: #ffffff;
    --menu-text-color: #ffffff;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

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

.btn-primary:hover {
    background-color: color-mix(in srgb, var(--primary-color) 85%, black);
    border-color: color-mix(in srgb, var(--primary-color) 85%, black);
}

.btn-secondary {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.btn-secondary:hover {
    background-color: color-mix(in srgb, var(--secondary-color) 85%, black);
    border-color: color-mix(in srgb, var(--secondary-color) 85%, black);
}

body {
    background-color: var(--background-color);
}

.navbar-dark.bg-primary {
    background-color: var(--primary-color) !important;
}

.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-brand,
.navbar-dark .navbar-text {
    color: var(--menu-text-color) !important;
}

.navbar-dark .btn-outline-light {
    color: var(--menu-text-color);
    border-color: var(--menu-text-color);
}

.navbar-dark .btn-outline-light:hover {
    background-color: var(--menu-text-color);
    color: var(--primary-color);
}

.card-header {
    background-color: var(--primary-color);
    color: var(--menu-text-color);
}