:root {
    --primary-color: rgb(222, 2, 43); /* Blue */
    --secondary-color: rgb(43, 43, 43); /* Green */
    --accent-color: rgb(255, 255, 255); /* Red */
}

.navbar-custom {
    background-color: var(--primary-color);
}

.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: var(--accent-color);
}

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

.btn-custom:hover {
    background-color: rgb(157, 157, 157); /* Pale Gray */
    color:rgb(255, 255, 255)
}
.btn-z {
    --bs-btn-bg: var(green) !important;
    --bs-btn-color: var(--accent-color) !important;
}

.btn-z:hover {
    background-color: rgb(157, 157, 157) !important;
    color: rgb(255, 255, 255) !important;
}

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