:root {
    --primary: #36acec;
    --primary-light: #65bff0;
    --primary-dark: #1495db;
    --secondary: #00bfea;
    --secondary-light: #1ed5ff;
    --secondary-dark: #0095b7;
    --primary-100: #BFDCFF;
    --primary-200: #95C7FF;
    --primary-300: #6BB1FF;
    --primary-400: #519FFF;
    --primary-500: #458EFF;
    --primary-600: #487FFF;
    --primary-700: #486CEA;
    --primary-800: #4759D6;
    --primary-900: #4536B6;
    --accent-1: #3fba60;
    --accent-1-light: #63c97e;
    --accent-1-dark: #32944c;
    --accent-2: #87ba3f;
    --accent-2-light: #9ec963;
    --accent-2-dark: #6b9432;
    --accent-3: #f5ab56;
    --accent-3-light: #f7c386;
    --accent-3-dark: #f29326;
    --accent-4: #f56f72;
    --accent-4-light: #f89fa1;
    --accent-4-dark: #f14043;
    --accent-5: #ec45cd;
    --accent-5-light: #f173da;
    --accent-5-dark: #e816c1;
    --accent-6: #ad58f8;
    --accent-6-light: #c589fa;
    --accent-6-dark: #9527f6;
    --error: #d54262;
    --error-light: #de6c85;
    --error-dark: #bc2949;
    --info: #46bfe1;
    --info-light: #72cee8;
    --info-dark: #22acd2;
    --success: #76c463;
    --success-light: #97d288;
    --success-dark: #59b143;
    --warning: #ec8b45;
    --warning-light: #f1a873;
    --warning-dark: #e86e16;
    --rating: #fd9d15;
    --rating-light: #feb248;
    --rating-dark: #df8201;
    --white-set: #FFFFFF;
    --grey-set: #5e5e5e;
    --grey-set-up: #545454;
    /* RGB с прозрачностью 15% */
    --primary-rgb: rgba(54, 174, 236, 0.15);
    --primary-light-rgb: rgba(101, 191, 240, 0.15);
    --primary-dark-rgb: rgba(20, 149, 219, 0.15);
    --accent-1-rgb: rgba(63, 186, 96, 0.15);
    --accent-1-light-rgb: rgba(99, 201, 126, 0.15);
    --accent-1-dark-rgb: rgba(50, 148, 76, 0.15);
    --accent-2-rgb: rgba(135, 186, 63, 0.15);
    --accent-2-light-rgb: rgba(158, 201, 99, 0.15);
    --accent-2-dark-rgb: rgba(107, 148, 50, 0.15);
    --accent-3-rgb: rgba(245, 171, 86, 0.15);
    --accent-3-light-rgb: rgba(247, 195, 134, 0.15);
    --accent-3-dark-rgb: rgba(242, 147, 38, 0.15);
    --accent-4-rgb: rgba(245, 111, 114, 0.15);
    --accent-4-light-rgb: rgba(248, 159, 161, 0.15);
    --accent-4-dark-rgb: rgba(241, 64, 67, 0.15);
    --accent-5-rgb: rgba(236, 69, 205, 0.15);
    --accent-5-light-rgb: rgba(241, 115, 218, 0.15);
    --accent-5-dark-rgb: rgba(232, 22, 193, 0.15);
    --accent-6-rgb: rgba(173, 88, 248, 0.15);
    --accent-6-light-rgb: rgba(197, 137, 250, 0.15);
    --accent-6-dark-rgb: rgba(149, 39, 246, 0.15);
    --error-rgb: rgba(213, 66, 98, 0.15);
    --error-light-rgb: rgba(222, 108, 133, 0.15);
    --error-dark-rgb: rgba(188, 41, 73, 0.15);
    --info-rgb: rgba(70, 191, 225, 0.15);
    --info-light-rgb: rgba(114, 206, 232, 0.15);
    --info-dark-rgb: rgba(34, 172, 210, 0.15);
    --success-rgb: rgba(118, 196, 99, 0.15);
    --success-light-rgb: rgba(151, 210, 136, 0.15);
    --success-dark-rgb: rgba(89, 177, 67, 0.15);
    --warning-rgb: rgba(236, 139, 69, 0.15);
    --warning-light-rgb: rgba(241, 168, 115, 0.15);
    --warning-dark-rgb: rgba(232, 110, 22, 0.15);
    --rating-rgb: rgba(253, 157, 21, 0.15);
    --rating-light-rgb: rgba(254, 178, 72, 0.15);
    --rating-dark-rgb: rgba(223, 130, 1, 0.15);
}

html body.theme-light {
    --text-primary: #111827;
    --bg-primary: #FFFFFF;
    --text-secondary: #4d4d4d;
    --bg-glass: #FFFFFF;
    --grey-20: #fafafa;
    --grey-25: #f7f7f7;
    --grey-50: #f2f2f2;
    --grey-100: #e8e8e8;
    --grey-200: #dedede;
    --grey-300: #d4d4d4;
    --grey-400: #c9c9c9;
    --grey-500: #bfbfbf;
    --grey-600: #b5b5b5;
    --grey-700: #ababab;
    --grey-800: #a1a1a1;
    --grey-900: #969696;
    --bg-spheres-light: url(/images/backgrounds/theme-blue-light-spheres.jpg);
    --glass-bg: rgba(255, 255, 255, 0.3);
    --glass-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    --glass-border: 1px solid rgba(255, 255, 255, 0.5);
}

html body.theme-dark {
    --text-primary: #FFFFFF;
    --bg-primary: #292a2e;
    --text-secondary: #e6e6e6;
    --bg-glass: #292a2e;
    --grey-20: #2e2e2e;
    --grey-25: #303030;
    --grey-50: #383838;
    --grey-100: #404040;
    --grey-200: #4a4a4a;
    --grey-300: #545454;
    --grey-400: #5e5e5e;
    --grey-500: #696969;
    --grey-600: #737373;
    --grey-700: #7d7d7d;
    --grey-800: #878787;
    --grey-900: #919191;
    --bg-spheres-dark: url(/images/backgrounds/theme-blue-dark-spheres.jpg);
    --glass-bg: rgba(38, 38, 38, 0.3);
    --glass-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    --glass-border: 1px solid rgba(38, 38, 38, 0.5);
}

.theme-light .menu-box-left {background-color: var(--grey-20)}
.theme-dark .menu-box-left {background-color: #1d1e21}

/* Текст с фоном */
.__bgtxt_primary {background-color: var(--primary);color: var(--white-set)}
.__bgtxt_primary_light {background-color: var(--primary-light);color: var(--white-set)}
.__bgtxt_primary_dark {background-color: var(--primary-dark);color: var(--white-set)}
.__bgtxt_secondary {background-color: var(--secondary);color: var(--white-set)}
.__bgtxt_secondary_light {background-color: var(--secondary-light);color: var(--white-set)}
.__bgtxt_secondary_dark {background-color: var(--secondary-dark);color: var(--white-set)}
.__bgtxt_accent1 {background-color: var(--accent-1);color: var(--white-set)}
.__bgtxt_accent1_light {background-color: var(--accent-1-light);color: var(--white-set)}
.__bgtxt_accent1_dark {background-color: var(--accent-1-dark);color: var(--white-set)}
.__bgtxt_accent2 {background-color: var(--accent-2);color: var(--white-set)}
.__bgtxt_accent2_light {background-color: var(--accent-2-light);color: var(--white-set)}
.__bgtxt_accent2_dark {background-color: var(--accent-2-dark);color: var(--white-set)}
.__bgtxt_accent3 {background-color: var(--accent-3);color: var(--white-set)}
.__bgtxt_accent3_light {background-color: var(--accent-3-light);color: var(--white-set)}
.__bgtxt_accent3_dark {background-color: var(--accent-3-dark);color: var(--white-set)}
.__bgtxt_accent4 {background-color: var(--accent-4);color: var(--white-set)}
.__bgtxt_accent4_light {background-color: var(--accent-4-light);color: var(--white-set)}
.__bgtxt_accent4_dark {background-color: var(--accent-4-dark);color: var(--white-set)}
.__bgtxt_accent5 {background-color: var(--accent-5);color: var(--white-set)}
.__bgtxt_accent5_light {background-color: var(--accent-5-light);color: var(--white-set)}
.__bgtxt_accent5_dark {background-color: var(--accent-5-dark);color: var(--white-set)}
.__bgtxt_accent6 {background-color: var(--accent-6);color: var(--white-set)}
.__bgtxt_accent6_light {background-color: var(--accent-6-light);color: var(--white-set)}
.__bgtxt_accent6_dark {background-color: var(--accent-6-dark);color: var(--white-set)}
.__bgtxt_error {background-color: var(--error);color: var(--white-set)}
.__bgtxt_error_light {background-color: var(--error-light);color: var(--white-set)}
.__bgtxt_error_dark {background-color: var(--error-dark);color: var(--white-set)}
.__bgtxt_info {background-color: var(--info);color: var(--white-set)}
.__bgtxt_info_light {background-color: var(--info-light);color: var(--white-set)}
.__bgtxt_info_dark {background-color: var(--info-dark);color: var(--white-set)}
.__bgtxt_success {background-color: var(--success);color: var(--white-set)}
.__bgtxt_success_light {background-color: var(--success-light);color: var(--white-set)}
.__bgtxt_success_dark {background-color: var(--success-dark);color: var(--white-set)}
.__bgtxt_warning {background-color: var(--warning);color: var(--white-set)}
.__bgtxt_warning_light {background-color: var(--warning-light);color: var(--white-set)}
.__bgtxt_warning_dark {background-color: var(--warning-dark);color: var(--white-set)}
.__bgtxt_rating {background-color: var(--rating);color: var(--white-set)}
.__bgtxt_rating_light {background-color: var(--rating-light);color: var(--white-set)}
.__bgtxt_rating_dark {background-color: var(--rating-dark);color: var(--white-set)}

.__bgtxt_primary_rgb {background-color: var(--primary-rgb);color: var(--primary)}
.__bgtxt_primary_light_rgb {background-color: var(--primary-light-rgb);color: var(--primary-light)}
.__bgtxt_primary_dark_rgb {background-color: var(--primary-dark-rgb);color: var(--primary-dark)}
.__bgtxt_accent1_rgb {background-color: var(--accent-1-rgb);color: var(--accent-1)}
.__bgtxt_accent1_light_rgb {background-color: var(--accent-1-light-rgb);color: var(--accent-1-light)}
.__bgtxt_accent1_dark_rgb {background-color: var(--accent-1-dark-rgb);color: var(--accent-1-dark)}
.__bgtxt_accent2_rgb {background-color: var(--accent-2-rgb);color: var(--accent-2)}
.__bgtxt_accent2_light_rgb {background-color: var(--accent-2-light-rgb);color: var(--accent-2-light)}
.__bgtxt_accent2_dark_rgb {background-color: var(--accent-2-dark-rgb);color: var(--accent-2-dark)}
.__bgtxt_accent3_rgb {background-color: var(--accent-3-rgb);color: var(--accent-3)}
.__bgtxt_accent3_light_rgb {background-color: var(--accent-3-light-rgb);color: var(--accent-3-light)}
.__bgtxt_accent3_dark_rgb {background-color: var(--accent-3-dark-rgb);color: var(--accent-3-dark)}
.__bgtxt_accent4_rgb {background-color: var(--accent-4-rgb);color: var(--accent-4)}
.__bgtxt_accent4_light_rgb {background-color: var(--accent-4-light-rgb);color: var(--accent-4-light)}
.__bgtxt_accent4_dark_rgb {background-color: var(--accent-4-dark-rgb);color: var(--accent-4-dark)}
.__bgtxt_accent5_rgb {background-color: var(--accent-5-rgb);color: var(--accent-5)}
.__bgtxt_accent5_light_rgb {background-color: var(--accent-5-light-rgb);color: var(--accent-5-light)}
.__bgtxt_accent5_dark_rgb {background-color: var(--accent-5-dark-rgb);color: var(--accent-5-dark)}
.__bgtxt_accent6_rgb {background-color: var(--accent-6-rgb);color: var(--accent-6)}
.__bgtxt_accent6_light_rgb {background-color: var(--accent-6-light-rgb);color: var(--accent-6-light)}
.__bgtxt_accent6_dark_rgb {background-color: var(--accent-6-dark-rgb);color: var(--accent-6-dark)}
.__bgtxt_error_rgb {background-color: var(--error-rgb);color: var(--error)}
.__bgtxt_error_light_rgb {background-color: var(--error-light-rgb);color: var(--error-light)}
.__bgtxt_error_dark_rgb {background-color: var(--error-dark-rgb);color: var(--error-dark)}
.__bgtxt_info_rgb {background-color: var(--info-rgb);color: var(--info)}
.__bgtxt_info_light_rgb {background-color: var(--info-light-rgb);color: var(--info-light)}
.__bgtxt_info_dark_rgb {background-color: var(--info-dark-rgb);color: var(--info-dark)}
.__bgtxt_success_rgb {background-color: var(--success-rgb);color: var(--success)}
.__bgtxt_success_light_rgb {background-color: var(--success-light-rgb);color: var(--success-light)}
.__bgtxt_success_dark_rgb {background-color: var(--success-dark-rgb);color: var(--success-dark)}
.__bgtxt_warning_rgb {background-color: var(--warning-rgb);color: var(--warning)}
.__bgtxt_warning_light_rgb {background-color: var(--warning-light-rgb);color: var(--warning-light)}
.__bgtxt_warning_dark_rgb {background-color: var(--warning-dark-rgb);color: var(--warning-dark)}
.__bgtxt_rating_rgb {background-color: var(--rating-rgb);color: var(--rating)}
.__bgtxt_rating_light_rgb {background-color: var(--rating-light-rgb);color: var(--rating-light)}
.__bgtxt_rating_dark_rgb {background-color: var(--rating-dark-rgb);color: var(--rating-dark)}

/* КНОПКИ */
.__btn_primary {background-color: var(--primary) !important;color: var(--white-set) !important}
.__btn_primary:hover {background-color: var(--primary-dark) !important;color: var(--white-set) !important}
.__btn_accent {background-color: var(--accent-1) !important;color: var(--white-set) !important}
.__btn_accent:hover {background-color: var(--accent-1-dark) !important;color: var(--white-set) !important}
.__btn_warning {background-color: var(--warning) !important;color: var(--white-set) !important}
.__btn_warning:hover {background-color: var(--warning-dark) !important;color: var(--white-set) !important}
.__btn_error {background-color: var(--error) !important;color: var(--white-set) !important}
.__btn_error:hover {background-color: var(--error-dark) !important;color: var(--white-set) !important}
.__btn_info {background-color: var(--info) !important;color: var(--white-set) !important}
.__btn_info:hover {background-color: var(--info-dark) !important;color: var(--white-set) !important}
.__btn_success {background-color: var(--success);color: var(--white-set) !important}
.__btn_success:hover {background-color: var(--success-dark) !important;color: var(--white-set) !important}
.__btn_rating {background-color: var(--rating) !important;color: var(--white-set) !important}
.__btn_rating:hover {background-color: var(--rating-dark) !important;color: var(--white-set) !important}
.__btn_grey {background-color: var(--grey-set) !important;color: var(--white-set) !important}
.__btn_grey:hover {background-color: var(--grey-set-up) !important;color: var(--white-set) !important}
.__btn_accent4 {background-color: var(--accent-4) !important;color: var(--white-set) !important}
.__btn_accent4:hover {background-color: var(--accent-4-dark) !important;color: var(--white-set) !important}
.__btn_accent2_light {background-color: var(--accent-2-rgb) !important;color: var(--accent-2) !important}
.__btn_accent2_light:hover {background-color: var(--accent-2-dark-rgb) !important;color: var(--accent-2-dark) !important}
.__btn_accent4_light {background-color: var(--accent-4-rgb) !important;color: var(--accent-4) !important}
.__btn_accent4_light:hover {background-color: var(--accent-4-dark-rgb) !important;color: var(--accent-4-dark) !important}