:root, [data-bs-theme="dark"] {
    --bg-main: #18181b;
    --bs-body-bg: var(--bg-main);
    --bs-body-color: #ffffff;
    --bs-secondary-bg: #212529;
    --bs-border-color: #27272a;
}

.btn-primary {
    --bs-btn-color: var(--contrast-color, #ffffff);
    --bs-btn-bg: var(--accent-red, #e63946);
    --bs-btn-border-color: var(--accent-red, #e63946);
    --bs-btn-hover-color: var(--contrast-color, #ffffff);
    --bs-btn-hover-bg: var(--accent-red, #e63946);
    --bs-btn-hover-border-color: var(--accent-red, #e63946);
    --bs-btn-active-color: var(--contrast-color, #ffffff);
    --bs-btn-active-bg: var(--accent-red, #e63946);
    --bs-btn-active-border-color: var(--accent-red, #e63946);
    --bs-btn-disabled-bg: var(--accent-red, #e63946);
    --bs-btn-disabled-border-color: var(--accent-red, #e63946);
}

.btn-outline-primary {
    --bs-btn-color: var(--accent-red, #e63946);
    --bs-btn-border-color: var(--accent-red, #e63946);
    --bs-btn-hover-color: var(--contrast-color, #ffffff);
    --bs-btn-hover-bg: var(--accent-red, #e63946);
    --bs-btn-hover-border-color: var(--accent-red, #e63946);
    --bs-btn-focus-shadow-rgb: var(--accent-red-rgb, 230, 57, 70);
    --bs-btn-active-color: var(--contrast-color, #ffffff);
    --bs-btn-active-bg: var(--accent-red, #e63946);
    --bs-btn-active-border-color: var(--accent-red, #e63946);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
    opacity: 0.9;
}

.bg-primary, .badge.bg-primary, .text-bg-primary {
    background-color: var(--accent-red, #e63946) !important;
    color: var(--contrast-color, #ffffff) !important;
}

.text-primary {
    color: var(--accent-red, #e63946) !important;
}
body {
    background-color: var(--bg-main);
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}