/* assets/light_theme.css */

/* 
 * New Light Theme based on the user's color palette.
 * Colors:
 * - Main background: #F0F0F0
 * - Container backgrounds: #D9E9CF
 * - Accent color: #B6CEB4
 * - Text color: #333333
 * - Border color: #96A78D
 */

:root {
    --light-bg: #F0F0F0;
    --light-container-bg: #D9E9CF;
    --light-accent: #B6CEB4;
    --light-text: #333333;
    --light-border: #96A78D;
    --light-muted: #555555;
}

/* --- Global & Font Consistency --- */
html, body { 
    color: var(--light-text);
}

a { 
    color: var(--light-text); 
}

/* --- Sidebar Layout --- */
.sidebar {
    background: var(--light-container-bg);
    color: var(--light-text); 
    border-right: 1px solid var(--light-border);
}

.sidebar .logo-text h1,
.sidebar .logo-text p { 
    color: var(--light-text); 
}

.sidebar li { 
    border-bottom: 1px solid var(--light-border);
    color: var(--light-text); 
}

.sidebar li:hover, .sidebar li.active { 
    background: var(--light-accent); 
    color: var(--light-text); 
}

.sidebar .dropdown { 
    background: var(--light-accent); 
}

.sidebar .user-info { 
    border-top: 1px solid var(--light-border); 
    color: var(--light-text); 
    background: var(--light-container-bg);
}

/* --- Main Content Area --- */
.dashboard-main { 
    background: var(--light-bg);
}

/* --- Containers --- */
.container,
.calendar-container,
.notes-container,
.settings-card,
.login-card,
.forgot-card,
.reset-card,
.section {
    background: var(--light-container-bg);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.login-right {
    background: var(--light-bg);
}

h1, h2, h3, h4, h5, h6, p, span, label, .welcome-title, .welcome-subtitle, .card-title, .card-subtitle, .info-label, .info-value, .section-title {
    color: var(--light-text);
}

/* --- Tables --- */
table { 
    background: var(--light-container-bg); 
}
th { 
    background: var(--light-accent); 
    color: var(--light-text);
}
td { 
    color: var(--light-text);
    border-bottom-color: var(--light-border);
}
tr:nth-child(even) { 
    background: #e5f0e8; /* A slightly lighter version of the container bg */
}

/* --- Forms & Modals --- */
.modal-content { 
    background: var(--light-container-bg);
    color: var(--light-text);
}
input, textarea, .form-input { 
    background: var(--light-bg);
    border-color: var(--light-border);
    color: var(--light-text);
}
.search-bar button { 
    background: var(--light-accent);
    color: var(--light-text);
}
.btn, .submit-btn, .btn-primary, .btn-add-user { 
    background: var(--light-accent);
    color: var(--light-text);
    border: 1px solid var(--light-border);
}
.btn:hover, .submit-btn:hover, .btn-primary:hover, .btn-add-user:hover {
    background: #a8c2a1; /* Darker accent */
}

.btn-reschedule { background: #ffe066; color: #333; border: 1px solid #f0c72c; }
.btn-decline { background: #ff6f69; color: #fff; border: 1px solid #e05a54; }

.forgot-link, .link {
    color: var(--light-text);
    font-weight: bold;
}

.muted, .welcome-subtitle, .card-subtitle, .info-value, .help-text, .pw-meter, .stat-label, .activity-details, .activity-time, .settings-subtitle, .checkbox-description {
    color: var(--light-muted);
}