/* Переключатель темы на courses.html. Тёмная — класс courses-dark-theme, светлая — courses-light-theme. */

.theme-toggle {
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 12px;
    border: 1px solid #3a342c;
    background: #241f1a;
    color: #f6c445;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex: none;
    box-shadow: inset 0 0 0 1px rgba(246, 196, 69, 0.18);
}

.theme-toggle:hover {
    background: #322b24;
    color: #ffd56a;
}

.theme-toggle svg {
    width: 26px;
    height: 26px;
    display: block;
}

body.courses-dark-theme .theme-toggle .ico-moon {
    display: none;
}

body.courses-light-theme .theme-toggle .ico-sun {
    display: none;
}

body.courses-light-theme .theme-toggle {
    background: #fff;
    border-color: #d5cfc6;
    color: #243044;
    box-shadow: 0 1px 3px rgba(28, 24, 20, 0.08);
}

body.courses-light-theme .theme-toggle:hover {
    background: #f7f4ef;
    color: #152033;
}

body.courses-light-theme .ai-lesson {
    background: #fff;
    color: #1c2430;
    border: 1px solid #e4e0d8;
    box-shadow: 0 1px 2px rgba(28, 24, 20, 0.04);
}

body.courses-light-theme .ai-lesson.locked {
    background: #f7f5f2;
    color: #6b655e;
}

body.courses-light-theme .ai-side-status {
    color: #5c564e;
}