/*
 * Світла тема
 * Застосовується через data-bs-theme="light" та class="theme-light"
 */

[data-bs-theme="light"] {
    --nav-bg: #ffffff;
    --body-bg: #f5f5f5;
    --card-bg: #ffffff;
    --text-color: #1a1a1a;
    --text-muted: #666;
    --border-color: #ddd;
    --accent: #16a34a;
    --accent-hover: #15803d;
    --accent-rgb: 22, 163, 74;
    --input-bg: #ffffff;
    --input-focus-bg: #ffffff;
    --hover-overlay: rgba(22, 163, 74, 0.05);
    --code-bg: #f8f8f8;
    --code-output: #166534;
    --code-error: #dc2626;
    --table-bg: transparent;
    --table-hover: rgba(22, 163, 74, 0.05);
    --dropdown-bg: #ffffff;
    --footer-bg: rgba(0, 0, 0, 0.03);
}

/* Переопрацювання для світлої теми */
[data-bs-theme="light"] .navbar {
    background-color: #fff !important;
    border-bottom-color: #ddd !important;
}

[data-bs-theme="light"] .navbar-brand,
[data-bs-theme="light"] .nav-link {
    color: #1a1a1a !important;
}

[data-bs-theme="light"] .nav-link:hover {
    color: var(--accent) !important;
}

[data-bs-theme="light"] .card {
    background-color: #fff !important;
    border-color: #ddd !important;
}

[data-bs-theme="light"] .bg-dark {
    background-color: #fff !important;
}

[data-bs-theme="light"] .table-dark {
    --bs-table-bg: transparent;
    --bs-table-color: #1a1a1a;
    --bs-table-hover-bg: rgba(22, 163, 74, 0.05);
    --bs-table-border-color: #ddd;
}

[data-bs-theme="light"] .table-dark th,
[data-bs-theme="light"] .table-dark td {
    color: #1a1a1a;
    border-color: #eee;
}

[data-bs-theme="light"] .accordion-button {
    background-color: #fff;
    color: #1a1a1a;
}

[data-bs-theme="light"] .accordion-button:not(.collapsed) {
    background-color: rgba(22, 163, 74, 0.08);
    color: var(--accent);
}

[data-bs-theme="light"] .accordion-item {
    background-color: #fff;
    border-color: #ddd;
}

[data-bs-theme="light"] .accordion-button::after {
    filter: none;
}

[data-bs-theme="light"] .form-control,
[data-bs-theme="light"] .form-select {
    background-color: #fff;
    border-color: #ccc;
    color: #1a1a1a;
}

[data-bs-theme="light"] .code-output,
[data-bs-theme="light"] .task-output {
    background-color: #f0f0f0;
    border-top-color: #ddd;
}

[data-bs-theme="light"] .output-content {
    color: #166534;
}

[data-bs-theme="light"] .output-content.text-danger {
    color: #dc2626;
}

[data-bs-theme="light"] .task-block {
    background: rgba(0, 0, 0, 0.02);
}

[data-bs-theme="light"] .task-block:hover {
    background: rgba(0, 0, 0, 0.04);
}

[data-bs-theme="light"] .dropdown-menu {
    background-color: #fff;
    border-color: #ddd;
}

[data-bs-theme="light"] .dropdown-item {
    color: #1a1a1a;
}

[data-bs-theme="light"] .dropdown-item:hover {
    background-color: rgba(22, 163, 74, 0.08);
}

[data-bs-theme="light"] .quiz-option-btn {
    border-color: #ccc;
    color: #1a1a1a;
}

[data-bs-theme="light"] .badge-xp {
    color: #fff;
}

[data-bs-theme="light"] .border-secondary {
    border-color: #ddd !important;
}

[data-bs-theme="light"] footer {
    background-color: rgba(0, 0, 0, 0.03);
}

[data-bs-theme="light"] .lesson-nav-sidebar .accordion-button {
    color: #1a1a1a !important;
}

[data-bs-theme="light"] .lesson-nav-sidebar .accordion-button::after {
    filter: invert(0);
}

[data-bs-theme="light"] .lesson-nav-sidebar a.text-muted {
    color: #555 !important;
}

[data-bs-theme="light"] .lesson-nav-sidebar a.text-muted:hover {
    color: var(--accent) !important;
}

[data-bs-theme="light"] .text-light {
    color: #1a1a1a !important;
}

[data-bs-theme="light"] .text-white {
    color: #1a1a1a !important;
}

[data-bs-theme="light"] .xp-popup {
    color: var(--accent);
    text-shadow: 0 0 10px rgba(22, 163, 74, 0.5);
}