body { 
        font-family: 'Inter', sans-serif; 
        background-color: #f4f7f9; 
        min-height: 100vh; 
        display: flex; 
        flex-direction: column; 
        transition: background-color 0.3s ease; 
    }
    
    /* Navbar Styling - Locked to Light Theme */
    .navbar { 
        background-color: #ffffff !important; 
        border-bottom: 3px solid #fbb03b; 
        transition: none; /* Removed transition to keep it static */
    }
    .navbar-brand img { height: 50px; width: auto; }
    
    /* Tool Card Styling */
    .tool-card { 
        transition: all 0.3s ease; 
        border: none; 
        border-radius: 15px;
        background: #ffffff;
        height: 100%;
    }
    .tool-card:hover:not(.faded-card) { 
        transform: translateY(-8px); 
        box-shadow: 0 12px 24px rgba(0,0,0,0.1); 
    }
    
    /* Coming Soon Faded Style */
    .faded-card { 
        opacity: 0.6; 
        filter: grayscale(0.8); 
        cursor: not-allowed;
    }

    /* Proschool Button Theme */
    .btn-proschool { 
        background-color: #000000; 
        color: white; 
        border-radius: 8px; 
        font-weight: 600;
        padding: 10px;
        border: none;
        transition: 0.2s;
    }
    .btn-proschool:hover { 
        background-color: #fbb03b; 
        color: #000; 
    }

    /* Section Headers */
    .section-header { 
        margin: 2rem 0 1.5rem; 
        padding-bottom: 0.5rem;
        border-bottom: 2px solid #e0e0e0;
        color: #333; 
        font-weight: 700; 
    }

    /* Resource Background Section */
    .resource-bg {
        background-color: #ebf0f3;
        padding: 3rem 0 5rem 0;
        margin-top: 2rem;
        transition: background-color 0.3s ease;
        flex-grow: 1;
    }

    /* --- DARK MODE OVERRIDES --- */
    
    /* Body & Layout */
    [data-bs-theme="dark"] body { background-color: #0f1112; }
    [data-bs-theme="dark"] .resource-bg { background-color: #141619; }

    /* Navbar - FORCE LIGHT COLORS REGARDLESS OF THEME */
    [data-bs-theme="dark"] .navbar { 
        background-color: #ffffff !important; 
    }
    [data-bs-theme="dark"] .navbar .nav-link, 
    [data-bs-theme="dark"] .navbar .navbar-brand,
    [data-bs-theme="dark"] .navbar .text-muted,
    [data-bs-theme="dark"] .navbar .form-check-label { 
        color: #212529 !important; /* Force dark text on white background */
    }

    /* Cards & Components in Dark Mode */
    [data-bs-theme="dark"] .tool-card { 
        background-color: #1a1d20; 
        color: #e9ecef; 
        box-shadow: 0 4px 6px rgba(0,0,0,0.3); 
    }
    [data-bs-theme="dark"] .section-header { 
        color: #fbb03b; 
        border-bottom-color: #343a40; 
    }
    [data-bs-theme="dark"] .btn-proschool { 
        background-color: #fbb03b; 
        color: #000; 
    }
    [data-bs-theme="dark"] .btn-proschool:hover { 
        background-color: #ffffff; 
    }
    [data-bs-theme="dark"] footer { 
        background-color: #1a1d20 !important; 
        border-top-color: #343a40 !important; 
    }

    /* Toggle Switch Customization */
    .form-check-input:checked { 
        background-color: #fbb03b; 
        border-color: #fbb03b; 
    }

.tool-card {
    display: flex;
    flex-direction: column;
}

.tool-card .card-body {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.tool-card .btn, 
.tool-card .btn-proschool {
    margin-top: auto;
}