html[data-color-scheme="light"],
body[data-color-scheme="light"] {
    color: #292224;
    background-color: #f6f3f4;
}

body[data-color-scheme="light"] :is(h1, h2, h3, h4, p, li, label) {
    color: #292224;
}

body[data-color-scheme="light"] .hero-title,
body[data-color-scheme="light"] .hero-subtitle {
    color: #fff;
}

body[data-color-scheme="light"] .settings-panel,
body[data-color-scheme="light"] .project-card,
body[data-color-scheme="light"] .media-card {
    background-color: #fff;
    border-color: #ded6da;
    color: #292224;
}

body[data-color-scheme="light"] .project-card h3,
body[data-color-scheme="light"] .project-card p,
body[data-color-scheme="light"] .media-card h3,
body[data-color-scheme="light"] .media-card p {
    color: #292224;
}

body[data-color-scheme="light"] .aspect-ratio-16-9,
body[data-color-scheme="light"] .media-placeholder {
    background-color: #e8e2e5;
    color: #292224;
}

body[data-color-scheme="light"] .sidebar {
    background-color: rgba(255, 255, 255, 0.97);
    border-color: #ded6da;
    scrollbar-color: #b50c33 #e8e2e5;
}

body[data-color-scheme="light"] .sidebar h3,
body[data-color-scheme="light"] .sidebar h4,
body[data-color-scheme="light"] .collapsible-toggle,
body[data-color-scheme="light"] .filter-status span {
    color: #292224;
}

body[data-color-scheme="light"] .search-input,
body[data-color-scheme="light"] .search-suggestions {
    background-color: #fff;
    color: #292224;
}

body[data-color-scheme="light"] .suggestion-item {
    color: #292224;
    border-color: #ded6da;
}

body[data-color-scheme="light"] .suggestion-item:hover {
    color: #fff;
}

body[data-color-scheme="light"] .filter-status {
    background-color: rgba(181, 12, 51, 0.08);
    border-color: rgba(181, 12, 51, 0.25);
}

body[data-color-scheme="light"] .collapsible-toggle.nested-toggle {
    color: #292224;
}

body[data-color-scheme="light"] footer {
    background: #e8e2e5;
    color: #292224;
}

body[data-color-scheme="light"] footer nav ul li a {
    color: #292224;
}

body[data-color-scheme="light"] .theme-setting select {
    color-scheme: light;
    background-color: #fff;
    color: #292224;
}