:root {
    --header-bg-transparent: rgba(240, 240, 240, 0.95);
    --header-bg-light-transparent: rgba(250, 250, 250, 0.92);

    --body-bg: #f3f5f6;
    --main-bg: #fff;
    --footer-bg: rgba(240, 240, 240, 0.5);

    --admin-body-bg: #f3f5f6;
    --admin-header-bg: #fff;
    --admin-sidebar-bg: #2b3642;
    --admin-sidebar-item-hover: #334155;
    --admin-sidebar-item-active: #1f2a37;

    --admin-panel-bg: #fff;
    --admin-panel-border: #eee;

    --admin-table-th-bg: #f8f9fa;
    --admin-info-block-bg: #f8f9fa;
    --admin-info-block-select-bg: #e8f5e9;
    --admin-info-block-hover-bg: #ebf3fd;

    --admin-btn-primary-bg: #3498db;
    --admin-btn-secondary-bg: #95a5a6;
    --admin-btn-success-bg: #2ecc71;

    --text-light: #eee;
    --text-gray: #8b949e;
    --text-light-gray: #cfd8e3;
    --text-blue: #2563eb;
    --text-orange: #f59e0b;
    
    --icon-visibility-color: #6B7280;

    --back-button-bg: rgba(0, 0, 0, 0.08);

    --result-bg: white;
    --bg-input: white;
    --bg-input-focus: #f5f5f5;
    --bg-format: #f0f0f0;
    --bg-button: #ebebeb;
    --bg-button-hover: #e4e4e4;
    --bg-select-label: #ebebeb;
    --bg-tooltip: #171717;
    --bg-card: rgba(0, 0, 0, 0.05);
    --text-primary: #333;
    --text-header: #333;
    --text-secondary: #555;
    --text-muted: #9e9e9e;
    --text-gray-disabled: #f0f0f0;
    --text-grab-area__action-button: #999;
    --text-grab-area__action-button-hover: #333;
    --text-tooltip: white;
    --border-input: #7eb980;
    --border-input-focus: #4caf50;
    --border-select: #dfe3e8;
    --border-result: #dfe3e8;
    --search-border-input: #ebebeb;
    --border-shadow: rgba(0,0,0,0.1);
    --download: #4caf50;
    --download-repeat: #ef5350;
    --download-repeat-hover: #ef5350;
    --media-result__avatar-play-button: white;
    --media-result__avatar-play-button-hover: #4caf50;
    --error: #ef5350;
    --spinner-light: #d0d0d0;
    --spinner-dl-start: #9e9e9e;
    --spinner-dl-downloading: #4caf50;
    --spinner-dl-finish: #4a90e2;
    --server-status-offline: #555;
    --server-status-online: #4caf50;

    --row-block-hover-bg: rgba(80, 140, 255, 0.10);

    --row-menu-button: #6b7280;
    --row-menu-button-hover: #333;
    --row-icon-gray: #6b7280;
    --row-icon-hover-blue: #3b82f6;
    --row-icon-hover-red: #c44b4b;

    --thumbnail-watch-progress-bg: rgba(128, 128, 128, 0.5);
    --thumbnail-watch-progress-value: #ff0033;

    --thumbnail-duration-bg: rgba(0, 0, 0, 0.6);
    --thumbnail-duration-color: #fff;
    --thumbnail-watched-bg: rgba(0, 0, 0, 0.65);
    --thumbnail-watched-color: #fff;
    
    --bg-auth-button: #007bff;
    --bg-auth-button-hover: #0056b3;
    --text-auth-button: white;
    --border-auth-input: #9e9e9e;
    --border-auth-input-focus: #7eb980;

    --notification-bg: rgba(255, 255, 255, 0.92);
    --notification-text: #1f1f1f;
    --notification-border: #e5e5e5;

    --action-copy-icon-color: #2563eb;

    --bg-menu: rgba(255, 255, 255, 0.92);
    --text-menu: #333;
    --menu-separator: #9e9e9e;
    --menu-action-hover: rgba(0, 0, 0, 0.08);
    --menu-action-hover-bg-red: rgba(231, 76, 60, 0.2);
    --menu-action-hover-bg-orange: rgba(245, 158, 11, 0.2);
    --menu-action-icon-red: #c44b4b;
    --menu-action-icon-blue: #3b82f6;
    --menu-action-icon-green: #4caf50;
    --menu-action-icon-violet: #7c3aed;
    --menu-action-icon-orange: #f59e0b;
    --menu-action-icon-cyan-green: #14b8a6
}

.dark {
    --header-bg-transparent: rgba(23, 23, 23, 0.9);
    --header-bg-light-transparent: rgba(31, 31, 31, 0.9);

    --body-bg: #171717;
    --main-bg: #1f1f1f;
    --footer-bg: rgba(23, 23, 23, 0.5);

    --admin-body-bg: #1E1F20;
    --admin-header-bg: #282a2c;
    --admin-sidebar-bg: #171e24;
    --admin-sidebar-item-hover: #223042;
    --admin-sidebar-item-active: #1e2937;

    --admin-panel-bg: #37393B;
    --admin-panel-border: rgba(255, 255, 255, 0.12);

    --admin-table-th-bg: #313335;
    --admin-info-block-bg: #313335;
    --admin-info-block-select-bg: #324c33;
    --admin-info-block-hover-bg: #47494B;

    --admin-btn-primary-bg: #1478bb;
    --admin-btn-secondary-bg: #758586;
    --admin-btn-success-bg: #208148;

    --back-button-bg: rgba(255, 255, 255, 0.08);

    --text-light: #cfd8e3;
    --text-blue: #60a5fa;

    --icon-visibility-color: #94A3B8;

    --result-bg: #1F1F1F;
    --bg-input: #2c2c2c;
    --bg-input-focus: #2c2c2c;
    --bg-format: #30363d;
    --bg-button: #30363d;
    --bg-button-hover: #3f444b;
    --bg-select-label: #1F1F1F;
    --bg-tooltip: #171717;
    --bg-card: rgba(255, 255, 255, 0.1);
    --text-primary: #cfd8e3;
    --text-header: #cfd8e3;
    --text-secondary: #8b949e;
    --text-muted: #6e7681;
    --text-gray-disabled: #f0f0f0;
    --text-grab-area__action-button: #9e9e9e;
    --text-grab-area__action-button-hover: #cfd8e3;
    --text-tooltip: #cfd8e3;
    --border-input: #7eb980;
    --border-input-focus: #58d660;
    --border-select: #30363d;
    --border-result: #30363d;
    --search-border-input: #555;
    --shadow: rgba(0,0,0,0.4);
    --download: #58d660;
    --download-repeat: #ef5350;
    --download-repeat-hover: #ef5350;
    --media-result__avatar-play-button: white;
    --media-result__avatar-play-button-hover: #4caf50;
    --error: #f85149;
    --spinner-light: #30363d;
    --spinner-accent: #58a6ff;
    --server-status-offline: #8b949e;
    --server-status-online: #58d660;

    --row-block-hover-bg: rgba(80, 140, 255, 0.16);

    --row-menu-button: #6b7280;
    --row-menu-button-hover: #9e9e9e;
    --row-icon-gray: #6b7280;
    --row-icon-hover-blue: #3b82f6;
    --row-icon-hover-red: #c44b4b;

    --bg-auth-button: #007bff;
    --bg-auth-button-hover: #0056b3;
    --text-auth-button: white;
    --border-auth-input: #6e7681;
    --border-auth-input-focus: #7eb980;

    --notification-bg: rgba(12, 12, 16, 0.90);
    --notification-text: #cfd8e3;
    --notification-border: rgba(255, 255, 255, 0.35);

    --action-copy-icon-color: #8ab4f8;

    --bg-menu: rgba(12, 12, 16, 0.80);
    --text-menu: #cfd8e3;
    --menu-separator: #6e7681;
    --menu-action-hover: rgba(255, 255, 255, 0.1);
    --menu-action-hover-bg-red: rgba(231, 76, 60, 0.2);
    --menu-action-icon-red: #c44b4b;
    --menu-action-icon-blue: #3b82f6;
    --menu-action-icon-green: #4caf50;
    --menu-action-icon-violet: #7c3aed;

    --scrollbar-track-bg: #3e3e3e;
    --scrollbar-thumb-bg: #606060;
    --scrollbar-thumb-hover-bg: #707070;
}