/* Основной бисквит */
:root {
    --color-bg-primary: #222222;
    --color-bg-secondary: rgba(255, 220, 180, 0.12);
    --color-bg-surface: #ffffff;
    --color-text-primary: #ffe4c4;
    --color-text-secondary: #c0b090;
    --color-text-muted: rgba(255, 220, 180, 0.35);
    --color-text-btn: #e0c9a6;
    --color-modal-border: rgba(255, 220, 180, 0.122);
    --color-input-border: rgba(255, 220, 180, 0.38);
    --color-btn-border: rgba(255, 220, 180, 0.22);
    --color-btn-border-hov: rgba(255, 220, 180, 0.38);
    --color-btn-bg: rgba(255, 220, 180, 0.12);
    --color-btn-bg-hov: rgba(255, 220, 180, 0.18);
    --color-btn-box: rgba(179, 155, 126, 0.08);
    --color-bg-card: #0000004d;
    --color-bg-header: #0000003a;
}

/* ===================== ЛАЗУРЬ ====================== */
[data-theme="lazur"] {
    --color-bg-primary: #222222;
    --color-bg-secondary: rgba(140, 220, 255, 0.12);
    --color-bg-surface: #f8fbff;
    --color-text-primary: #e0f0ff;
    --color-text-secondary: #a0c8e8;
    --color-text-muted: rgba(140, 220, 255, 0.38);
    --color-text-btn: #c8e0ff;
    --color-modal-border: #8cdcff2e;
    --color-input-border: rgba(140, 220, 255, 0.38);
    --color-btn-border: rgba(140, 220, 255, 0.25);
    --color-btn-border-hov: rgba(140, 220, 255, 0.45);
    --color-btn-bg: rgba(140, 220, 255, 0.12);
    --color-btn-bg-hov: rgba(140, 220, 255, 0.20);
    --color-btn-box: rgba(140, 220, 255, 0.08);
    --color-bg-card: #0000004d;
    --color-bg-header: #0000003a;
}

/* ====================== ШАЛФЕЙ ====================== */
[data-theme="shalfei"] {
    --color-bg-primary: #222222;
    --color-bg-secondary: rgba(160, 210, 170, 0.12);
    --color-bg-surface: #f6fbf7;
    --color-text-primary: #d8f0dd;
    --color-text-secondary: #96c8a0;
    --color-text-muted: rgba(160, 210, 170, 0.38);
    --color-text-btn: #c0e0c8;
    --color-modal-border: rgba(160, 210, 170, 0.18);
    --color-input-border: rgba(160, 210, 170, 0.38);
    --color-btn-border: rgba(160, 210, 170, 0.25);
    --color-btn-border-hov: rgba(160, 210, 170, 0.45);
    --color-btn-bg: rgba(160, 210, 170, 0.12);
    --color-btn-bg-hov: rgba(160, 210, 170, 0.20);
    --color-btn-box: rgba(160, 210, 170, 0.08);
    --color-bg-card: #0000004d;
    --color-bg-header: #0000003a;
}

/* ====================== ПУДРА ====================== */
[data-theme="pudra"] {
    --color-bg-primary: #222222;
    --color-bg-secondary: rgba(255, 190, 200, 0.12);
    --color-bg-surface: #fff7f8;
    --color-text-primary: #ffdde2;
    --color-text-secondary: #d8a0b0;
    --color-text-muted: rgba(255, 190, 200, 0.38);
    --color-text-btn: #f0c8d2;
    --color-modal-border: rgba(255, 190, 200, 0.18);
    --color-input-border: rgba(255, 190, 200, 0.38);
    --color-btn-border: rgba(255, 190, 200, 0.25);
    --color-btn-border-hov: rgba(255, 190, 200, 0.45);
    --color-btn-bg: rgba(255, 190, 200, 0.12);
    --color-btn-bg-hov: rgba(255, 190, 200, 0.20);
    --color-btn-box: rgba(255, 190, 200, 0.08);
    --color-bg-card: #0000004d;
    --color-bg-header: #0000003a;
}

/* ====================== ТЕРРАКОТА ====================== */
[data-theme="terrakota"] {
    --color-bg-primary: #222222;
    --color-bg-secondary: rgba(230, 160, 120, 0.12);
    --color-bg-surface: #fff9f6;
    --color-text-primary: #ffd5b8;
    --color-text-secondary: #c8987a;
    --color-text-muted: rgba(230, 160, 120, 0.38);
    --color-text-btn: #eec4a0;
    --color-modal-border: rgba(230, 160, 120, 0.18);
    --color-input-border: rgba(230, 160, 120, 0.38);
    --color-btn-border: rgba(230, 160, 120, 0.25);
    --color-btn-border-hov: rgba(230, 160, 120, 0.45);
    --color-btn-bg: rgba(230, 160, 120, 0.12);
    --color-btn-bg-hov: rgba(230, 160, 120, 0.20);
    --color-btn-box: rgba(230, 160, 120, 0.08);
    --color-bg-card: #0000004d;
    --color-bg-header: #0000003a;
}

/* ====================== ИНДИГО ====================== */
[data-theme="indigo"] {
    --color-bg-primary: #222222;
    --color-bg-secondary: rgba(160, 170, 240, 0.12);
    --color-bg-surface: #f8f8ff;
    --color-text-primary: #dde0ff;
    --color-text-secondary: #a0a8d8;
    --color-text-muted: rgba(160, 170, 240, 0.38);
    --color-text-btn: #c8ccf0;
    --color-modal-border: rgba(160, 170, 240, 0.18);
    --color-input-border: rgba(160, 170, 240, 0.38);
    --color-btn-border: rgba(160, 170, 240, 0.25);
    --color-btn-border-hov: rgba(160, 170, 240, 0.45);
    --color-btn-bg: rgba(160, 170, 240, 0.12);
    --color-btn-bg-hov: rgba(160, 170, 240, 0.20);
    --color-btn-box: rgba(160, 170, 240, 0.08);
    --color-bg-card: #0000004d;
    --color-bg-header: #0000003a;
}

/* ====================== MATERIAL DESIGN ЦВЕТА ====================== */

[data-theme="red"] {
    --color-bg-primary: #222222;
    --color-bg-secondary: rgba(255, 170, 170, 0.12);
    --color-bg-surface: #fff8f8;
    --color-text-primary: #ffd6d6;
    --color-text-secondary: #d09090;
    --color-text-muted: rgba(255, 170, 170, 0.38);
    --color-text-btn: #f0c0c0;
    --color-modal-border: rgba(255, 170, 170, 0.18);
    --color-input-border: rgba(255, 170, 170, 0.38);
    --color-btn-border: rgba(255, 170, 170, 0.25);
    --color-btn-border-hov: rgba(255, 170, 170, 0.45);
    --color-btn-bg: rgba(255, 170, 170, 0.12);
    --color-btn-bg-hov: rgba(255, 170, 170, 0.20);
    --color-btn-box: rgba(255, 170, 170, 0.08);
    --color-bg-card: #0000004d;
    --color-bg-header: #0000003a;
}

[data-theme="pink"] {
    --color-bg-primary: #222222;
    --color-bg-secondary: rgba(255, 180, 210, 0.12);
    --color-bg-surface: #fff8fb;
    --color-text-primary: #ffd9ec;
    --color-text-secondary: #d098b8;
    --color-text-muted: rgba(255, 180, 210, 0.38);
    --color-text-btn: #f0c4dc;
    --color-modal-border: rgba(255, 180, 210, 0.18);
    --color-input-border: rgba(255, 180, 210, 0.38);
    --color-btn-border: rgba(255, 180, 210, 0.25);
    --color-btn-border-hov: rgba(255, 180, 210, 0.45);
    --color-btn-bg: rgba(255, 180, 210, 0.12);
    --color-btn-bg-hov: rgba(255, 180, 210, 0.20);
    --color-btn-box: rgba(255, 180, 210, 0.08);
    --color-bg-card: #0000004d;
    --color-bg-header: #0000003a;
}

[data-theme="purple"] {
    --color-bg-primary: #222222;
    --color-bg-secondary: rgba(180, 140, 255, 0.12);
    --color-bg-surface: #f8f6ff;
    --color-text-primary: #f0e6ff;
    --color-text-secondary: #c4b0e8;
    --color-text-muted: rgba(180, 140, 255, 0.38);
    --color-text-btn: #d8c8ff;
    --color-modal-border: #b48cff2e;
    --color-input-border: rgba(180, 140, 255, 0.38);
    --color-btn-border: rgba(180, 140, 255, 0.25);
    --color-btn-border-hov: rgba(180, 140, 255, 0.45);
    --color-btn-bg: rgba(180, 140, 255, 0.12);
    --color-btn-bg-hov: rgba(180, 140, 255, 0.20);
    --color-btn-box: rgba(180, 140, 255, 0.08);
    --color-bg-card: #0000004d;
    --color-bg-header: #0000003a;
}

[data-theme="deep-purple"] {
    --color-bg-primary: #222222;
    --color-bg-secondary: rgba(155, 120, 230, 0.12);
    --color-bg-surface: #f7f5ff;
    --color-text-primary: #e8d8ff;
    --color-text-secondary: #b8a0d8;
    --color-text-muted: rgba(155, 120, 230, 0.38);
    --color-text-btn: #d0bcf5;
    --color-modal-border: rgba(155, 120, 230, 0.18);
    --color-input-border: rgba(155, 120, 230, 0.38);
    --color-btn-border: rgba(155, 120, 230, 0.25);
    --color-btn-border-hov: rgba(155, 120, 230, 0.45);
    --color-btn-bg: rgba(155, 120, 230, 0.12);
    --color-btn-bg-hov: rgba(155, 120, 230, 0.20);
    --color-btn-box: rgba(155, 120, 230, 0.08);
    --color-bg-card: #0000004d;
    --color-bg-header: #0000003a;
}

[data-theme="indigo-md"] {
    --color-bg-primary: #222222;
    --color-bg-secondary: rgba(130, 150, 230, 0.12);
    --color-bg-surface: #f6f7ff;
    --color-text-primary: #dde2ff;
    --color-text-secondary: #9aa4d8;
    --color-text-muted: rgba(130, 150, 230, 0.38);
    --color-text-btn: #c4caee;
    --color-modal-border: rgba(130, 150, 230, 0.18);
    --color-input-border: rgba(130, 150, 230, 0.38);
    --color-btn-border: rgba(130, 150, 230, 0.25);
    --color-btn-border-hov: rgba(130, 150, 230, 0.45);
    --color-btn-bg: rgba(130, 150, 230, 0.12);
    --color-btn-bg-hov: rgba(130, 150, 230, 0.20);
    --color-btn-box: rgba(130, 150, 230, 0.08);
    --color-bg-card: #0000004d;
    --color-bg-header: #0000003a;
}

[data-theme="blue"] {
    --color-bg-primary: #222222;
    --color-bg-secondary: rgba(120, 180, 255, 0.12);
    --color-bg-surface: #f5f8ff;
    --color-text-primary: #d6ecff;
    --color-text-secondary: #90b8e0;
    --color-text-muted: rgba(120, 180, 255, 0.38);
    --color-text-btn: #bcd8f8;
    --color-modal-border: rgba(120, 180, 255, 0.18);
    --color-input-border: rgba(120, 180, 255, 0.38);
    --color-btn-border: rgba(120, 180, 255, 0.25);
    --color-btn-border-hov: rgba(120, 180, 255, 0.45);
    --color-btn-bg: rgba(120, 180, 255, 0.12);
    --color-btn-bg-hov: rgba(120, 180, 255, 0.20);
    --color-btn-box: rgba(120, 180, 255, 0.08);
    --color-bg-card: #0000004d;
    --color-bg-header: #0000003a;
}

[data-theme="light-blue"] {
    --color-bg-primary: #222222;
    --color-bg-secondary: rgba(100, 200, 255, 0.12);
    --color-bg-surface: #f3faff;
    --color-text-primary: #cceeff;
    --color-text-secondary: #80c0e0;
    --color-text-muted: rgba(100, 200, 255, 0.38);
    --color-text-btn: #b0dff5;
    --color-modal-border: rgba(100, 200, 255, 0.18);
    --color-input-border: rgba(100, 200, 255, 0.38);
    --color-btn-border: rgba(100, 200, 255, 0.25);
    --color-btn-border-hov: rgba(100, 200, 255, 0.45);
    --color-btn-bg: rgba(100, 200, 255, 0.12);
    --color-btn-bg-hov: rgba(100, 200, 255, 0.20);
    --color-btn-box: rgba(100, 200, 255, 0.08);
    --color-bg-card: #0000004d;
    --color-bg-header: #0000003a;
}

[data-theme="cyan"] {
    --color-bg-primary: #222222;
    --color-bg-secondary: rgba(100, 220, 230, 0.12);
    --color-bg-surface: #f3fcfd;
    --color-text-primary: #ccf5f8;
    --color-text-secondary: #80c8d0;
    --color-text-muted: rgba(100, 220, 230, 0.38);
    --color-text-btn: #b0e8ec;
    --color-modal-border: rgba(100, 220, 230, 0.18);
    --color-input-border: rgba(100, 220, 230, 0.38);
    --color-btn-border: rgba(100, 220, 230, 0.25);
    --color-btn-border-hov: rgba(100, 220, 230, 0.45);
    --color-btn-bg: rgba(100, 220, 230, 0.12);
    --color-btn-bg-hov: rgba(100, 220, 230, 0.20);
    --color-btn-box: rgba(100, 220, 230, 0.08);
    --color-bg-card: #0000004d;
    --color-bg-header: #0000003a;
}

[data-theme="teal"] {
    --color-bg-primary: #222222;
    --color-bg-secondary: rgba(100, 205, 180, 0.12);
    --color-bg-surface: #f3fbf9;
    --color-text-primary: #ccede4;
    --color-text-secondary: #80c0b0;
    --color-text-muted: rgba(100, 205, 180, 0.38);
    --color-text-btn: #b0e0d4;
    --color-modal-border: rgba(100, 205, 180, 0.18);
    --color-input-border: rgba(100, 205, 180, 0.38);
    --color-btn-border: rgba(100, 205, 180, 0.25);
    --color-btn-border-hov: rgba(100, 205, 180, 0.45);
    --color-btn-bg: rgba(100, 205, 180, 0.12);
    --color-btn-bg-hov: rgba(100, 205, 180, 0.20);
    --color-btn-box: rgba(100, 205, 180, 0.08);
    --color-bg-card: #0000004d;
    --color-bg-header: #0000003a;
}

[data-theme="green"] {
    --color-bg-primary: #222222;
    --color-bg-secondary: rgba(130, 210, 150, 0.12);
    --color-bg-surface: #f5fbf6;
    --color-text-primary: #d6f3de;
    --color-text-secondary: #90c898;
    --color-text-muted: rgba(130, 210, 150, 0.38);
    --color-text-btn: #b8e4c4;
    --color-modal-border: rgba(130, 210, 150, 0.18);
    --color-input-border: rgba(130, 210, 150, 0.38);
    --color-btn-border: rgba(130, 210, 150, 0.25);
    --color-btn-border-hov: rgba(130, 210, 150, 0.45);
    --color-btn-bg: rgba(130, 210, 150, 0.12);
    --color-btn-bg-hov: rgba(130, 210, 150, 0.20);
    --color-btn-box: rgba(130, 210, 150, 0.08);
    --color-bg-card: #0000004d;
    --color-bg-header: #0000003a;
}

[data-theme="light-green"] {
    --color-bg-primary: #222222;
    --color-bg-secondary: rgba(170, 220, 130, 0.12);
    --color-bg-surface: #f7fbf3;
    --color-text-primary: #e4f7d6;
    --color-text-secondary: #a8cc88;
    --color-text-muted: rgba(170, 220, 130, 0.38);
    --color-text-btn: #c8e8b0;
    --color-modal-border: rgba(170, 220, 130, 0.18);
    --color-input-border: rgba(170, 220, 130, 0.38);
    --color-btn-border: rgba(170, 220, 130, 0.25);
    --color-btn-border-hov: rgba(170, 220, 130, 0.45);
    --color-btn-bg: rgba(170, 220, 130, 0.12);
    --color-btn-bg-hov: rgba(170, 220, 130, 0.20);
    --color-btn-box: rgba(170, 220, 130, 0.08);
    --color-bg-card: #0000004d;
    --color-bg-header: #0000003a;
}

[data-theme="orange"] {
    --color-bg-primary: #222222;
    --color-bg-secondary: rgba(255, 195, 120, 0.12);
    --color-bg-surface: #fffaf3;
    --color-text-primary: #ffeacc;
    --color-text-secondary: #d0a870;
    --color-text-muted: rgba(255, 195, 120, 0.38);
    --color-text-btn: #f0d0a0;
    --color-modal-border: rgba(255, 195, 120, 0.18);
    --color-input-border: rgba(255, 195, 120, 0.38);
    --color-btn-border: rgba(255, 195, 120, 0.25);
    --color-btn-border-hov: rgba(255, 195, 120, 0.45);
    --color-btn-bg: rgba(255, 195, 120, 0.12);
    --color-btn-bg-hov: rgba(255, 195, 120, 0.20);
    --color-btn-box: rgba(255, 195, 120, 0.08);
    --color-bg-card: #0000004d;
    --color-bg-header: #0000003a;
}

[data-theme="deep-orange"] {
    --color-bg-primary: #222222;
    --color-bg-secondary: rgba(255, 165, 110, 0.12);
    --color-bg-surface: #fff8f3;
    --color-text-primary: #ffe2cc;
    --color-text-secondary: #c89070;
    --color-text-muted: rgba(255, 165, 110, 0.38);
    --color-text-btn: #eec4a0;
    --color-modal-border: rgba(255, 165, 110, 0.18);
    --color-input-border: rgba(255, 165, 110, 0.38);
    --color-btn-border: rgba(255, 165, 110, 0.25);
    --color-btn-border-hov: rgba(255, 165, 110, 0.45);
    --color-btn-bg: rgba(255, 165, 110, 0.12);
    --color-btn-bg-hov: rgba(255, 165, 110, 0.20);
    --color-btn-box: rgba(255, 165, 110, 0.08);
    --color-bg-card: #0000004d;
    --color-bg-header: #0000003a;
}

*{color:var(--color-text-primary);transition: fill .3s ease,color .3s ease;}
body{background-color: var(--color-bg-primary);}
/* header */
header{background-color: var(--color-bg-header); }
.hd-logo, .search-ico{fill: var(--color-text-primary);transition: fill 0.3s ease;}
.categor a {color:var(--color-text-primary);}
 /* authmodal */
#authModal .modal-content {border-color: var(--color-modal-border);}
.auth-tab-indicator{background: var(--color-btn-bg);}
.auth-tab,.btn-reset, .auth-panel input::placeholder {color: var(--color-text-muted);}
.auth-tab.active{color:var(--color-text-btn);}
.auth-panel input {border-color:var(--color-modal-border);}
.auth-panel input:focus {border-color:var(--color-input-border);}
.auth-btn{color:var(--color-text-btn); background: var(--color-btn-bg); border-color:var(--color-btn-border);}
.auth-btn:hover, .btn-edit:hover{background:var(--color-btn-bg-hov);border-color:var(--color-btn-border-hov); }

/* profile */
.profile-login,.stat-label,.section-text,.genre-tag-display,.card-label,.privacy-card-name {color:var(--color-text-secondary);}
.btn-edit,.btn-outline,.section-subtitle {color:var(--color-text-btn);}
.activity-tab, .avatar-hint, .input-prefix, .field-hint,.color-picker-label,.dropzone-hint {color:var(--color-text-muted);}
.activity-tab:hover{color: var(--color-text-btn); border-color: #555;}
.activity-tab.active {color: var(--color-text-primary); border-color: var(--color-btn-border-hov); background-color: var(--color-btn-bg);}
/* settings */
.sidebar-title,.privacy-group-label,.section-desc,.btn-toggle-pw,.toggle-label,.watchlist-btn span,.dropzone-sub{color: var(--color-text-secondary);}
.sidebar-link:hover {background-color: var(--color-btn-bg);}
.sidebar-link.active, .ocenite button.selected-rating {background-color: var(--color-btn-bg-hov) ;}
.settings-card, .settings-avatar, .genre-tag-edit, .privacy-card, .modal-content, .modal-header{border-color: var(--color-modal-border) !important;}
.settings-card:focus-within {border-color: var(--color-btn-border)  !important;}
.s-input,.s-textarea,.input-with-prefix,.btn-toggle-pw {border-color: var(--color-modal-border) !important;}
.s-input:focus, .s-textarea:focus, .input-with-prefix:focus-within,.btn-toggle-pw:hover 
{border-color: var(--color-btn-border-hov) !important; box-shadow: 0 0 0 3px var(--color-btn-box); }
.s-input::placeholder, .s-textarea::placeholder,.privacy-group-hint,.theme-hint {color: var(--color-text-muted);}
.avatar-overlay-btn{color:var(--color-text-btn); background: var(--color-btn-bg) !important; border-color:var(--color-btn-border)!important;}
.btn-outline:hover,.avatar-overlay-btn:hover{color: var(--color-text-primary)!important; background:var(--color-btn-bg-hov)!important;border-color:var(--color-btn-border-hov)!important; }
.btn-reset:hover{color: var(--color-text-secondary);background:var(--color-btn-bg-hov)!important;}
.btn-cancel {border-color: var(--color-modal-border)!important;color: var(--color-text-secondary);} .btn-cancel:hover{color: var(--color-text-primary); background-color: var(--color-bg-secondary);}
.btn-save {color: var(--color-text-primary); border-color: var(--color-btn-border)!important; background-color: var(--color-btn-bg);}
.btn-save:hover:not(:disabled){color: var(--color-text-primary); border-color: var(--color-btn-border-hov)!important; background-color: var(--color-btn-bg-hov);}
.toggle-thumb{background-color: var(--color-text-secondary);} .toggle-switch input:checked + .toggle-track .toggle-thumb{background-color: var(--color-text-primary);}
.toggle-track {background-color: var(--color-btn-box); border-color: var(--color-modal-border) !important;} .toggle-switch input:checked + .toggle-track {background-color: var(--color-text-muted); border-color: var(--color-btn-border);}
.color-swatch.active{border-color: var(--color-text-primary);}
.color-swatch::after{color: var(--color-text-primary);border-color: var(--color-btn-box)!important;}
.sc-txt, .list-tip, .modal-header h2{color: var(--color-text-secondary);}
.img-col{fill: var(--color-text-secondary);}
.dropzone{border-color: var(--color-text-muted)!important;} .dropzone:hover, .dropzone.drag-over {border-color: var(--color-text-secondary) !important;background-color: var(--color-btn-box);}
.dropzone-title{color: var(--color-text-primary);}

/* ====================== ОБЩЕЕ ПОКРЫТИЕ СТРАНИЦ ====================== */
body,
header,
.profile-modal,
.settings-card,
.privacy-card,
.genre-tag-edit,
.btn-edit,
.simple-search-input,
.simple-search-button,
.rating-blok,
.movie-rating,
.watchlist-btns,
.like-dislike,
.modal-content {
    transition: background-color .3s ease, border-color .3s ease, color .3s ease;
}

/* Шапка и общие карточки */
.profile-modal,
#authModal .modal-content,
.avatar-modal-card {
    background-color: color-mix(in srgb, var(--color-bg-primary) 92%, var(--color-text-primary) 8%);
    border-color: var(--color-modal-border);
}
.user-links {border-color: var(--color-modal-border);}
.user-links a:hover,
.sidebar-link:hover {background-color: var(--color-btn-bg);}
.search input {
    color: var(--color-text-primary);
    border-color: var(--color-input-border);
}
.search input::placeholder {color: var(--color-text-muted);}
.header-avatar-img,
.header-avatar-skeleton,
.user-in-modal img {border-color: var(--color-text-secondary) !important;}

/* Главная, поиск и общие карточки фильмов */
.poster-type {background-color: var(--color-bg-secondary);}
.poster-name {background-color: color-mix(in srgb, var(--color-bg-primary) 72%, transparent);}
.simple-search-input {
    background: color-mix(in srgb, var(--color-bg-primary) 88%, var(--color-text-primary) 12%);
    color: var(--color-text-primary);
    border-color: var(--color-modal-border);
}
.simple-search-input::placeholder,
.search-end {color: var(--color-text-muted);}
.simple-search-input:focus {
    border-color: var(--color-input-border);
    background: color-mix(in srgb, var(--color-bg-primary) 82%, var(--color-text-primary) 18%);
    box-shadow: 0 0 0 4px var(--color-btn-box);
}
.simple-search-button {
    background: var(--color-btn-bg);
    color: var(--color-text-primary);
    border-color: var(--color-btn-border);
}
.simple-search-button:hover {
    background: var(--color-btn-bg-hov);
    border-color: var(--color-btn-border-hov);
}
.search-header,
.search-end {border-color: var(--color-modal-border);}
.search-count,
.search-loading,
.search-info {color: var(--color-text-secondary);}
.search-info {background: var(--color-btn-box);}

/* Профиль */
.avatar-img {border-color: var(--color-btn-border-hov);}
.btn-edit,
.genre-tag-display {
    background: var(--color-btn-box);
    border-color: var(--color-modal-border);
}
.btn-edit:hover,
.genre-tag-display:hover {
    background: var(--color-btn-bg-hov);
    border-color: var(--color-btn-border-hov);
}
.activity-tab {border-color: var(--color-modal-border);}
.empty-history {color: var(--color-text-muted);}

/* Карточка фильма */
.spinner {
    border-color: var(--color-btn-box);
    border-top-color: var(--color-text-primary);
}
.rating-blok {
    background-color: color-mix(in srgb, var(--color-bg-primary) 78%, var(--color-text-primary) 8%);
    border: 1px solid var(--color-modal-border);
}
.movie-rating,
.watchlist-btns,
.like-dislike {
    background-color: color-mix(in srgb, var(--color-bg-primary) 86%, black 14%);
}
.item-rating:hover,
.watchlist-btn:hover,
.like-dislike button:hover {background-color: var(--color-btn-bg-hov);}
.watchlist-btn.active,
.watchlist-btn.active svg,
.like-dislike button {color: var(--color-text-secondary);}
.disc,
.toast {
    background-color: color-mix(in srgb, var(--color-bg-primary) 80%, black 20%);
    color: var(--color-text-primary);
    border: 1px solid var(--color-modal-border);
}
.platform-link {
    background: var(--color-btn-bg);
    color: var(--color-text-primary);
    border: 1px solid var(--color-btn-border);
}
.platform-link:hover {background: var(--color-btn-bg-hov);}
.border-ocenite,
.actions-divider {background-color: var(--color-modal-border);}

/* Настройки */
.settings-card,
.privacy-card
 {
    background-color: var(--color-btn-box);
}
.s-input,
.s-textarea,
.input-with-prefix,
.genre-input-wrap {
    background-color: color-mix(in srgb, var(--color-bg-primary) 88%, black 12%) !important;
    color: var(--color-text-primary);
}
.avatar-modal-card,
.modal-header {background-color: color-mix(in srgb, var(--color-bg-primary) 90%, black 10%);}
.btn-back-to-drop,
.btn-modal-cancel {
    color: var(--color-text-secondary);
    border-color: var(--color-modal-border);
    background: var(--color-btn-box);
}
.btn-back-to-drop:hover,
.btn-modal-cancel:hover {
    color: var(--color-text-primary);
    border-color: var(--color-btn-border-hov);
    background: var(--color-btn-bg-hov);
}
.btn-modal-save {
    color: var(--color-text-primary);
    background: var(--color-btn-bg-hov);
    border: 1px solid var(--color-btn-border-hov);
}