/* =========================================
   AnimeEXT — Light theme overrides
   ========================================= */

body.light-theme {
    --bg-0: #f0f4f8;
    --bg-1: #ffffff;
    --bg-2: #f6f8fa;
    --bg-3: #eaecef;
    --bg-4: #d0d7de;
    --text-primary: #1c2128;
    --text-secondary: #57606a;
    --text-muted: #8c959f;
    --accent-dim: rgba(0, 180, 160, 0.1);
    background-color: var(--bg-0);
    color: var(--text-primary);
}

body.light-theme a {
    color: var(--text-primary) !important;
}

body.light-theme a:hover {
    color: var(--accent) !important;
}

body.light-theme .topbar {
    background: rgba(240, 244, 248, 0.9);
    border-bottom: 1px solid var(--bg-4);
}

body.light-theme #searchInput {
    background: var(--bg-3);
    border-color: var(--bg-4);
    color: var(--text-primary);
}

body.light-theme #searchInput::placeholder {
    color: var(--text-muted);
}

body.light-theme #searchInput:focus {
    border-color: var(--accent);
}

body.light-theme .suggestions-list {
    background: #fff;
    border-color: var(--bg-4);
}

body.light-theme .suggestions-list li {
    color: var(--text-primary);
    border-bottom-color: var(--bg-3);
}

body.light-theme .suggestions-list li:hover {
    background: var(--bg-2);
}

body.light-theme .logo-svg .main-text,
body.light-theme .logo-svg .subtext {
    fill: var(--text-primary);
}

body.light-theme #hamburgerBtn {
    color: var(--text-secondary);
    border-color: var(--bg-4);
    background: var(--bg-3);
}

body.light-theme #mobileDropdownMenu {
    background: #fff;
    border-color: var(--bg-4);
}

body.light-theme #mobileDropdownMenu a {
    color: var(--text-secondary);
}

body.light-theme #mobileDropdownMenu a.active {
    color: var(--accent);
}

body.light-theme .bottom-bar {
    background: rgba(240, 244, 248, 0.95);
    border-top-color: var(--bg-4);
}

body.light-theme .bottom-btn {
    color: var(--text-muted);
}

body.light-theme .bottom-btn:hover {
    color: var(--accent);
}

body.light-theme .sidebar {
    background: #fff;
    border-color: var(--bg-4);
}

body.light-theme .sidebar-menu .anime-link {
    color: var(--text-secondary);
}

body.light-theme .sidebar-menu .anime-link:hover {
    background: var(--bg-3);
    color: var(--text-primary);
}

body.light-theme .anime-card {
    background: #fff;
    border-color: var(--bg-4);
}

body.light-theme .anime-card:hover {
    border-color: var(--accent);
}

body.light-theme .modal-content {
    background: #fff;
    border-color: var(--bg-4);
}

body.light-theme .modal-body {
    background: var(--bg-2);
}

body.light-theme .modal-title {
    color: var(--text-primary);
}

body.light-theme .modal-description {
    background: #fff;
    border-color: var(--bg-4);
    color: var(--text-secondary);
}

body.light-theme .description-title {
    color: var(--text-primary);
    border-bottom-color: var(--bg-4);
}

body.light-theme .description-text {
    color: var(--text-secondary);
}

body.light-theme .episodes-list {
    background: #fff;
    border-color: var(--bg-4);
}

body.light-theme .episode-button {
    background: var(--bg-3);
    color: var(--text-secondary);
    border-color: var(--bg-4);
}

body.light-theme .episode-button:hover {
    background: var(--accent-dim);
    color: var(--accent);
    border-color: var(--accent);
}

body.light-theme .rating-box {
    background: var(--bg-3);
    border-color: var(--bg-4);
}

body.light-theme .rating-score {
    color: var(--text-primary);
}

body.light-theme .rating-stars i.inactive {
    color: var(--bg-4);
}

body.light-theme .modal-share__container {
    background: #fff;
    border-color: var(--bg-4);
}

body.light-theme .modal-share__link-box {
    background: var(--bg-3);
    border-color: var(--bg-4);
}

body.light-theme .modal-share__input {
    color: var(--text-primary);
}

body.light-theme .modal-share__header {
    color: var(--text-primary);
}

body.light-theme .episode-list {
    background: #fff;
    border-color: var(--bg-4);
}

body.light-theme .episode-list h5 {
    color: var(--text-primary);
}

body.light-theme .nav-buttons span {
    color: var(--text-muted);
}

body.light-theme .fa-xmark {
    color: var(--text-primary) !important;
}

body.light-theme .btn-outline-light {
    color: var(--text-secondary) !important;
    border-color: var(--bg-4) !important;
    background: var(--bg-3) !important;
}

body.light-theme .btn-outline-light:hover {
    background: var(--accent-dim) !important;
    border-color: var(--accent) !important;
    color: var(--accent) !important;
}