/* static/css/dark-theme.css */

/* Set the default theme for the entire page */
body {
    background-color: #000000 !important; /* Force black background */
    color: #e9ecef; /* Light grey text for readability */
}


/* --- Home Page Specific Styles --- */
.fullscreen-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.fullscreen-logo {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* This ensures the entire logo is visible without distortion */
}


/* --- General Site Styles --- */
/* Ensure all major containers have the black background */
.container,
.container-fluid {
    /* This is the same red color, but with 75% opacity */
    background-color: rgba(0, 0, 0, 0.1) !important;
}
/* FIX: Increase brightness of ALL muted/secondary text for dark theme */
[data-bs-theme="dark"] .text-muted,
[data-bs-theme="dark"] .text-body-secondary,
[data-bs-theme="dark"] .card-subtitle,
[data-bs-theme="dark"] .card-body small,
[data-bs-theme="dark"] .form-label {
    color: #ffffff !important;
    /* Force all secondary text to be pure white */
}

/* --- Navigation Bar --- */
.navbar {
    border-bottom: 1px solid #343a40; /* Dark border for separation */
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.85);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: #ffffff;
}

.navbar-dark .navbar-brand {
    color: #ffffff;
}


/* --- Dropdown Menus --- */
.dropdown-menu {
    background-color: #2c3034;
    border: 1px solid #343a40;
}

.dropdown-item {
    color: #e9ecef;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #ffffff;
    background-color: #495057;
}


/* --- Cards and Modals --- */
/* --- Cards and Modals --- */
.card,
.modal-content,
.list-group-item,
.card-body {
    /* Added .card-body to this rule */
    background-color: #212529 !important;
    /* Added !important to ensure override */
    color: #e9ecef;
}

.modal-header,
.modal-footer {
    border-bottom: 1px solid #495057;
    border-top: 1px solid #495057;
}


/* --- Buttons and Links --- */
a {
    color: #8cb4ff;
}

a:hover {
    color: #c2d8ff;
}


/* --- Forms --- */
.form-control {
    background-color: #343a40;
    color: #e9ecef;
    border-color: #495057;
}

.form-control:focus {
    background-color: #343a40;
    color: #e9ecef;
    border-color: #8cb4ff;
    box-shadow: 0 0 0 0.25rem rgba(140, 180, 255, 0.25);
}