html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px; /* Margin for footer */
    background-color: #212529 !important; /* Dark background for the whole page. Added !important to override defaults */
    color: #dee2e6; /* Lighter text color for better contrast */
    padding-top: 3rem;
    padding-bottom: 3rem;
}

/* --- Custom Dark Mode Enhancements --- */

.card.bg-dark {
    background-color: #2c3034 !important; /* Slightly lighter than the body for depth */
    border: 1px solid #495057; /* Subtle border */
}

.form-control {
    background-color: #343a40;
    border: 1px solid #6c757d;
    color: #f8f9fa;
}

    .form-control:focus {
        background-color: #495057;
        border-color: #0d6efd;
        color: #f8f9fa;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    }

    .form-control::placeholder {
        color: #6c757d;
    }

/* Make primary button pop */
.btn-primary {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

    .btn-primary:hover {
        background-color: #0b5ed7;
        border-color: #0a58ca;
    }

/* Style for result alerts */
.alert-warning {
    background-color: #332701;
    border-color: #664d03;
    color: #ffda6a;
}

    .alert-warning a {
        color: #ffe69c;
        font-weight: bold;
    }

.alert-info {
    background-color: #032830;
    border-color: #055160;
    color: #6edff6;
}

.alert-success {
    background-color: #052b15;
    border-color: #0f5132;
    color: #75b798;
}

.footer.text-muted {
    color: #6c757d !important;
}