:root {
    --bs-body-bg: #0b0b0b;
    --bs-body-color: #f5f5f5;
    --bs-border-color: #2a2a2a;
    --bs-primary: #c1121f;
    --bs-primary-rgb: 193, 18, 31;
    --bs-secondary: #b3b3b3;
    --bs-secondary-rgb: 179, 179, 179;
    --bs-link-color: #ff5c5c;
    --bs-link-hover-color: #ff7b7b;
    --bs-dark: #0b0b0b;
}

body {
    background: radial-gradient(1200px 500px at top, #1a1a1a 0%, #0b0b0b 60%, #050505 100%);
    color: var(--bs-body-color);
    min-height: 100vh;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.navbar {
    border-bottom: 1px solid #1f1f1f;
}

.navbar .nav-link,
.navbar .navbar-brand {
    color: #f5f5f5;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link.active {
    color: #ff5c5c;
}

.card {
    background-color: #111;
    border: 1px solid #1f1f1f;
}

.card.shadow-sm {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.4) !important;
}

.table {
    --bs-table-bg: #0f0f0f;
    --bs-table-striped-bg: #161616;
    --bs-table-striped-color: #f5f5f5;
    --bs-table-color: #f5f5f5;
    --bs-table-border-color: #2a2a2a;
}

.table thead th {
    color: #fff;
}

.table thead th {
    color: #f5f5f5;
    background-color: #080808;
}

.btn-primary {
    --bs-btn-bg: #c1121f;
    --bs-btn-border-color: #c1121f;
    --bs-btn-hover-bg: #e11d2e;
    --bs-btn-hover-border-color: #e11d2e;
    --bs-btn-active-bg: #9b0d18;
    --bs-btn-active-border-color: #9b0d18;
}

.btn-outline-secondary {
    --bs-btn-color: #f5f5f5;
    --bs-btn-border-color: #f5f5f5;
    --bs-btn-hover-bg: #f5f5f5;
    --bs-btn-hover-color: #0b0b0b;
}

.btn-outline-light {
    --bs-btn-hover-bg: #f5f5f5;
    --bs-btn-hover-color: #0b0b0b;
}

.form-control,
.form-select {
    background-color: #0f0f0f;
    color: #f5f5f5;
    border-color: #2a2a2a;
}

.form-control:disabled {
    background-color: #0f0f0f;
    color: #f5f5f5;
    border-color: #2a2a2a;
}

.form-control:focus,
.form-select:focus {
    border-color: #c1121f;
    box-shadow: 0 0 0 0.2rem rgba(193, 18, 31, 0.2);
    background-color: #0f0f0f;
    color: #f5f5f5;
}

.form-control::placeholder {
    color: #9a9a9a;
}

.alert {
    border: 1px solid #2a2a2a;
    background-color: #161616;
    color: #f5f5f5;
}

.alert-danger {
    background-color: #2a0b0f;
    border-color: #c1121f;
    color: #ffd6d6;
}