@charset "utf-8";

@font-face {font-family: "OpenSans";src: url("../fonts/OpenSans-Regular.ttf");font-weight: normal;font-style: normal;}
@font-face {font-family: "OpenSans";src: url("../fonts/OpenSans-Bold.ttf");font-weight: bold;font-style: normal;}
@font-face {font-family: "OpenSans-semibold";src: url("../fonts/OpenSans-SemiBold.ttf");}

:root {
    --font-primary: "OpenSans";
    --font-fallback: sans-serif;
    --font-primary-semibold: "OpenSans-semibold";
    --font-special: "Tahoma";
}

:root,
:root[data-theme="light"] {
    /* tag body level */
    --color-body-background: #fff;
    --color-body-text: #222;
    --color-border-normal: #dfdfdf;
    --color-header-bg-normal: #FFF;

    --color-header-menu-auth-link-normal:#0f0f0f;
    --color-header-menu-auth-link-hover:#2f2f2f;

    /* main firm style colors */
    --color-firm-normal: #cc3433;
    --color-firm-active: #f50402;
    --color-firm-deeper: #5c0000;
    --color-firm2-normal: #45b5aa;

    /* header menu,top menu & footer  & breadcrumps */
    --color-menu-header-link-normal:#555354;
    --color-menu-header-link-hover:#656364;
    --color-menu-header-border-normal:#6E6E6E;
    --color-menu-header-border-active:#cc3433;


    --color-menu-top-bg-normal: #cc3433;    
    --color-menu-top-bg-hover: #5c0000;    
    --color-menu-top-link-normal: #FFF;    

    --color-menu-section-bg-normal: #FFF;
    --color-menu-auth-text-normal: #FFF;
    --color-menu-rubricator-text-normal: #333;
    --color-menu-section-link-normal: #5c5c5c;
    --color-menu-section-link-hover: #333;
    --color-menu-swiper-link-normal: #949393;

    --color-footer-bg-normal: #f8f8f8;
    --color-footer-bg-alternative: #f8f8f8;
    --color-footer-border-normal: #dfdfdf;
    --color-footer-border-alternative: #dfdfdf;

    --color-breadcrumbs-main-bg-normal: #f0f0f0;
    --color-breadcrumbs-main-text-normal: #5c5c5c;
    --color-breadcrumbs-main-bg-hover: #ffecec;
    --color-breadcrumbs-main-text-hover: #795656;

    --color-breadcrumbs-sub-bg-normal :#eee;
    --color-breadcrumbs-sub-bg-hover :#ff5858;
    --color-breadcrumbs-sub-border-normal :#dfdfdf;
    --color-breadcrumbs-sub-border-hover :#ff748e;
    --color-breadcrumbs-sub-link-normal :#686868;
    --color-breadcrumbs-sub-link-hover :#ffffff;

    --color-paginator-bg-normal : #f8f8f8;
    --color-paginator-shadow-normal : rgba(0, 0, 0, 0.19);
    --color-paginator-item-inactive-text-normal : #5c5c5c;
    --color-paginator-item-active-text-normal : #FFF;
    --color-paginator-item-inactive-bg-normal : transparent;
    --color-paginator-item-active-bg-normal : #cc3433;

    /* contrast sections */
    --color-section-alt-bg-normal: #f4f4f4;
    --color-section-alt-bg-hover: #f0f0f0;
    --color-section-alt-border-outer: #dfdfdf;
    --color-section-alt-border-inner: #dfdfdf;
    --color-section-alt-title-bg-normal: #404040;
    --color-section-alt-title-text-normal: #ffe8b3;
    --color-section-alt-title-bg-hover: #333333;
    --color-section-alt-title-text-hover: #ffe8b3;    
    --color-section-alt-linkbutton-normal: #0062F5;    
    --color-section-alt-linkbutton-hover: #007fcb;    

    /* section menu popup overlay */
    --color-section-menu-popup-overlay-bg: rgba(255, 255, 255, 0.95);

    /* articles, cards text elements */
    --color-text-normal: #5c5c5c;
    --color-text-deeper: #4e4e4e;
    
    --color-text-strong-normal: #000;
    --color-text-disabled: #9b9b9b;
    --color-text-hint-normal: rgba(15, 15, 15, 0.5);
    --color-text-weather-day-normal : rgba(15, 15, 15, 0.5);
    --color-text-lastcomments-title-normal : #313233;
    --color-text-lastcomments-author-normal: #504f4f;
    --color-text-banner-description-normal: #FFF;
    --color-text-banner-title-normal: #FFF;
    --color-text-banner-date-normal: #FFF;

    --color-text-pedia-header-normal :#6E6E6E;
    --color-text-pedia-title-normal :#000;
    --color-text-pedia-description-normal:rgba(0, 0, 0, 0.7);
    --color-text-video-normal:#fff;

    --color-arrows-normal: #707070;
    --color-arrows-hover: #3f1f1f;
    --color-arrows-disabled: #909090;
    --color-arrows-inverted: #FFF;

    --color-link-normal: #2476CC;
    --color-link-hover: #45b5aa;

    --color-divider-text-normal : #dfdfdf;
    --color-divider-line-normal : #dfdfdf;
    --color-divider-text-active : #f00;

    /* cards colors for standart and gold/vip */
    --color-post-vip-bg-normal: #f57f02;
    --color-post-vip-border-normal: #f57f02;
    --color-post-vip-color-normal: #f57f02;

    --color-card-vip1-bg-normal: #fef8cd;
    --color-card-vip1-border-normal: #D0CCBE;
    --color-card-vip2-bg-normal: #f6f6f5;
    --color-card-vip2-border-normal: #c8c8c8;;
    --color-card-gold-bg:#fef8cd;
    --color-card-gold-border: #d2d2d2;

    --color-card-news-title-normal:#0e0e0e;
    --color-card-news-description-normal:#5c5c5c;

    --color-dev-card-bg-ismain : #fffae3;
    
    --color-card-bg-normal: #dfdfdf;
    --color-card-bg-light: #f6f6f5;
    --color-card-border-normal: #c8c8c8;
    --color-card-border-light: #d2d2d2;
    --color-card-disabled-bg-normal: #ffd5d5;
    --color-card-divider-normal:#cac9c9;
    --color-card-tag-border-normal:#d0282a;

    --color-card-banner-text-normal: #FFF;
    --color-card-banner-line-normal: #FFF;

    /* text inputs & buttons */
    --color-button-filled-bg-normal : #d0282a;
    --color-button-filled-bg-hover : #f50402;
    --color-button-filled-text-normal: #fff;

    --color-button-outline-text-normal : #BC2425;
    --color-button-outline-text-hover : #f50402;
    --color-button-outline-bg-normal : transparent;
    --color-button-outline-border-normal : #d0282a;
    --color-button-outline-border-hover : #f50402;

    --color-button-vip-bg-gradient-start-normal : #ffd632;
    --color-button-vip-bg-gradient-start-hover : #fb8165;
    --color-button-vip-bg-gradient-end-normal : #cf9a33;
    --color-button-vip-bg-gradient-end-hover : #d64e24;
    --color-button-vip-text-normal: #FFF;
    --color-button-vip-text-hover: #FFF;
    --color-button-vip-border-normal : #e7be5b;
    --color-button-vip-border-hover : #ff6cef;

    --color-button-close-line-normal : var(--color-firm-normal);
    --color-button-close-line-hover : var(--color-firm-active);


    --color-input-validated-border-success : #094e09;
    --color-input-validated-border-failed : #5c0000;
    --color-input-placeholder-text : #c2c2c2;

    /* nice-select plugin */
    --color-input-select-nice-bg-normal: #fff;
    --color-input-select-nice-border-normal: #e8e8e8;
    --color-input-select-nice-border-hover: #dbdbdb;
    --color-input-select-nice-border-active: #999;
    --color-input-select-nice-arrow: #999;
    --color-input-select-nice-disabled-border: #ededed;
    --color-input-select-nice-disabled-text: #999;
    --color-input-select-nice-disabled-arrow: #cccccc;
    --color-input-select-nice-list-bg: #fff;
    --color-input-select-nice-list-shadow: rgba(68, 68, 68, 0.11);
    --color-input-select-nice-option-hover-bg: #f6f6f6;
    --color-input-select-nice-option-disabled-text: #999;

    /* select2 plugin */
    --color-input-select2-bg-normal: #fff;
    --color-input-select2-border-normal: #e8e8e8;
    --color-input-select2-border-hover: #dbdbdb;
    --color-input-select2-border-active: #999;
    --color-input-select2-arrow: #999;
    --color-input-select2-disabled-border: #ededed;
    --color-input-select2-disabled-text: #999;
    --color-input-select2-disabled-arrow: #cccccc;
    --color-input-select2-list-bg: #fff;
    --color-input-select2-list-shadow: rgba(68, 68, 68, 0.11);
    --color-input-select2-option-hover-bg: #f6f6f6;
    --color-input-select2-option-selected-bg: #f50402;
    --color-input-select2-option-text: #222;
    --color-input-select2-choice-bg: #f6d4d4;
    --color-input-select2-choice-text: #222;


    --color-search-input-border-normal : #e6e6e6;
    --color-search-input-text-normal : #222;
    --color-search-input-bg-normal : #FFF;
    --color-search-input-shadow :rgba(204, 204, 204, 0.8);
    --color-input-search-icon-normal: #000;

    --color-form-label-text-normal: #5c5c5c;

    --color-search-button-border-normal : #e6e6e6;
    --color-search-button-text-normal : #222;
    --color-search-button-bg-normal : #FFF;

    --color-search-button-border-hover: #fff;
    --color-search-button-text-hover: #fff;
    --color-search-button-bg-hover: #f50402;

    /* warnings / hints / badges */

    --color-notice-bg-normal: #fcf8e3;
    --color-notice-border-normal: #faebcc;
    --color-notice-text-normal: #8a6d3b;
    --color-notice-text-strong: #f50402;
    --color-notice-link-normal: #12A5C7;
    --color-notice-link-hover: #0FAFD4;
    
    --color-error-bg-normal: #bd0000;
    --color-error-border-normal: #ff2424;
    --color-error-text-normal: #ffffff;
    --color-error-link-normal: #9dedff;
    --color-error-link-hover: #7be7ff;

    --color-warning-text-normal: #662c2c;
    --color-warning-text-strong: #cc3433;
    --color-warning-bg-normal: #fce7e3;
    --color-warning-border-normal: #f2c0c0;

    /* obn = adverts cards */
    --color-card-obn-title-normal : #000;
    --color-card-obn-description-normal : #222;
    --color-card-obn-info-normal : #060606;

    --color-card-simple-background-normal: #f6f6f5;
    --color-card-simple-title-text-normal :#c6c8c8;
    --color-card-simple-info-text-normal :#5c5c5c;

    /* other blocks */
    --color-marquee-bg: #f4f4f4;
    --color-marquee-text: #000;
    --color-search-filter-bg-normal : #f3f1f1;
    --color-search-filter-border-normal : transparent;

    --color-navigator-bg-normal :#ddd;
    --color-navigator-border-normal :#d2cccc;
    --color-navigator-link-normal :#686868;
    --color-navigator-link-hover :#f62727;


    /* garbage, etc, compatibility, ??? */

    --color-gradient-shadow-end: #000;    
    --padding-comment-left: 10%;
    --padding-comment-inner: 20px;
    --padding-section-default: 20px;
    --count-lines-text-description: 3;
    --height-lines-text-description: 21px;

    /* form section */
    --color-form-bg-normal: #fff;
    --color-form-input-bg: #fff;
    --color-form-input-text: #222;
    --color-form-input-border-normal: #cccccc;
    --color-form-required-text: #ff0005;
    --color-form-required-sup: rgba(0, 0, 0, 0.3);
    --color-form-tooltip-bg: #f4f4f4;
    --color-form-separator: #d9d9d9;

    /* muted text — between normal and disabled */
    --color-text-muted-normal: #777;

    /* dark overlay backgrounds for side-bar item body */
    --color-sidebar-item-overlay-bg: #191919;
    --color-sidebar-item-overlay-border: #242424;

    /* navigator label background */
    --color-navigator-label-bg: #404040;

    /* overlay backgrounds — dark/light with intensity scale */
    --color-overlay-dark-light: rgba(0, 0, 0, 0.3);
    --color-overlay-dark-medium: rgba(15, 15, 15, 0.5);
    --color-overlay-dark-strong: rgba(15, 15, 15, 0.8);
    --color-overlay-light-medium: rgba(255, 255, 255, 0.8);
    --color-overlay-light-light: rgba(255, 255, 255, 0.4);

    /* voting / poll */
    --color-voting-answer-bg-normal: #e9e7dc;
    --color-voting-answer-bg-hover: #bd8;

    /* close button background */
    --color-button-close-bg-normal: #e60000;

    /* schedule / timetable */
    --color-schedule-item-bg-normal: #f1f0f0;
    --color-schedule-time-bg-normal: #e2e1e1;

    /* success / positive */
    --color-success-normal: #6da624;
    --color-success-hover: #8dd92c;
}

/* ─── Dark theme ─────────────────────────────────────────── */
[data-theme="dark"] {
    /* tag body level */
    --color-body-background: #1a1a2e;
    --color-body-text: #d0d0d8;
    --color-border-normal: #3a3a4e;
    --color-header-bg-normal: #1a1a2e;
    --color-header-menu-auth-link-normal: #d0d0d8;
    --color-header-menu-auth-link-hover: #a0a0b0;

    /* main firm style colors */
    --color-firm-normal: #cc3433;
    --color-firm-active: #f50402;
    --color-firm-deeper: #5c0000;
    --color-firm2-normal: #45b5aa;

    /* header menu,top menu & footer  & breadcrumps */
    --color-menu-header-link-normal:#a0a0b0;
    --color-menu-header-link-hover:#c8c8d6;
    --color-menu-header-border-normal:#555;
    --color-menu-header-border-active:#cc3433;

    --color-menu-top-bg-normal: #8a1f1e;
    --color-menu-top-bg-hover: #3d0000;
    --color-menu-top-link-normal: #FFF;

    --color-menu-section-bg-normal: #1A1A2E;
    --color-menu-section-link-normal: #b0b0bc;
    --color-menu-section-link-hover: #f0f0f0;
    --color-menu-swiper-link-normal: #707070;
    --color-menu-auth-text-normal: #FFF;
    --color-menu-rubricator-text-normal: #dcdce6;

    --color-footer-bg-normal: #111122;
    --color-footer-bg-alternative: #2a2a43;
    --color-footer-border-normal: #3a3a4e;
    --color-footer-border-alternative: #414166;

    --color-breadcrumbs-main-bg-normal: #2a2a3e;
    --color-breadcrumbs-main-text-normal: #b0b0bc;
    --color-breadcrumbs-main-bg-hover: #3a2028;
    --color-breadcrumbs-main-text-hover: #d4a0a0;

    --color-breadcrumbs-sub-bg-normal :#2e2e42;
    --color-breadcrumbs-sub-bg-hover :#cc3030;
    --color-breadcrumbs-sub-border-normal :#3a3a4e;
    --color-breadcrumbs-sub-border-hover :#cc4444;
    --color-breadcrumbs-sub-link-normal :#b0b0bc;
    --color-breadcrumbs-sub-link-hover :#ffffff;

    --color-paginator-bg-normal : #222236;
    --color-paginator-shadow-normal : rgba(0, 0, 0, 0.5);
    --color-paginator-item-inactive-text-normal : #b0b0bc;
    --color-paginator-item-inactive-bg-normal : transparent;
    --color-paginator-item-active-text-normal : #FFF;
    --color-paginator-item-active-bg-normal : #cc3433;

    /* contrast sections */
    --color-section-alt-bg-normal: #222236;
    --color-section-alt-bg-hover: #2a2a42;
    --color-section-alt-border-outer: #3a3a4e;
    --color-section-alt-border-inner: #3a3a4e;
    --color-section-alt-title-bg-normal: #181828;
    --color-section-alt-title-text-normal: #ffe8b3;
    --color-section-alt-title-bg-hover: #141422;
    --color-section-alt-title-text-hover: #ffe8b3;
    --color-section-alt-linkbutton-normal: #4a9eff;
    --color-section-alt-linkbutton-hover: #5ab8ff;

    /* section menu popup overlay */
    --color-section-menu-popup-overlay-bg: rgba(26, 26, 46, 0.95);

    /* articles, cards text elements */
    --color-text-normal: #b0b0bc;
    --color-text-deeper: #d0d0d8;
    --color-text-strong-normal: #eeeef5;
    --color-text-disabled: #666;
    --color-text-hint-normal: rgba(220, 220, 230, 0.5);
    --color-text-weather-day-normal: rgba(220, 220, 230, 0.5);
    --color-text-lastcomments-title-normal: #c8c8d0;
    --color-text-lastcomments-author-normal: #a2a2a2;
    --color-text-banner-description-normal: #d0d0d8;
    --color-text-banner-title-normal: #e8e8f0;
    --color-text-banner-date-normal: #b0b0bc;

    --color-text-pedia-header-normal: #a0a0b0;
    --color-text-pedia-title-normal: #eeeef5;
    --color-text-pedia-description-normal: rgba(220, 220, 235, 0.7);
    --color-text-video-normal:#fff;

    --color-arrows-normal: #a0a0b0;
    --color-arrows-hover: #7f3030;
    --color-arrows-disabled: #555;
    --color-arrows-inverted: #FFF;

    --color-link-normal: #5a9eff;
    --color-link-hover: #45b5aa;

    --color-divider-text-normal : #3a3a4e;
    --color-divider-line-normal : #3a3a4e;
    --color-divider-text-active : #f00;

    /* cards colors for standart and gold/vip */
    --color-post-vip-bg-normal: #3a3420;
    --color-post-vip-border-normal: #5a5545;
    --color-post-vip-color-normal: #5a5545;

    --color-card-vip1-bg-normal: #1a1408;
    --color-card-vip1-border-normal: #3a3020;
    --color-card-vip2-bg-normal: #2a2a3e;
    --color-card-vip2-border-normal: #4a4a5e;
    --color-card-gold-bg:#292941;
    --color-card-gold-border:#775d1c;

    --color-card-news-title-normal: #eeeef5;
    --color-card-news-description-normal: #b0b0bc;

    --color-dev-card-bg-ismain: #3a3530;
    
    --color-card-bg-normal: #3a3a4e;
    --color-card-bg-light: #2a2a3e;
    --color-card-border-normal: #4a4a5e;
    --color-card-border-light: #3e3e52;
    --color-card-disabled-bg-normal: #4a2020;
    --color-card-divider-normal:#4a4a5e;
    --color-card-tag-border-normal:#d0282a;
    --color-card-obn-title-normal: #eeeef5;
    --color-card-obn-description-normal: #d0d0d8;
    --color-card-obn-info-normal: #a0a0b0;

    --color-card-simple-background-normal: #2a2a3e;
    --color-card-simple-title-text-normal: #4a4a5e;
    --color-card-simple-info-text-normal: #b0b0bc;

    --color-card-banner-text-normal: #FFF;
    --color-card-banner-line-normal: #FFF;

    /* text inputs & buttons */
    --color-button-filled-bg-normal : #d0282a;
    --color-button-filled-bg-hover : #f50402;
    --color-button-filled-text-normal: #fff;

    --color-button-outline-text-normal : #e06060;
    --color-button-outline-text-hover : #f50402;
    --color-button-outline-bg-normal : transparent;
    --color-button-outline-border-normal : #d0282a;
    --color-button-outline-border-hover : #f50402;

    --color-button-vip-bg-gradient-start-normal : #ffd632;
    --color-button-vip-bg-gradient-start-hover : #fb8165;
    --color-button-vip-bg-gradient-end-normal : #cf9a33;
    --color-button-vip-bg-gradient-end-hover : #d64e24;
    --color-button-vip-text-normal: #FFF;
    --color-button-vip-text-hover: #FFF;
    --color-button-vip-border-normal : #e7be5b;
    --color-button-vip-border-hover : #ff6cef;

    --color-button-close-line-normal : var(--color-firm-normal);
    --color-button-close-line-hover : var(--color-firm-active);

    --color-input-validated-border-success : #00cc00;
    --color-input-validated-border-failed : #5c0000;
    --color-input-placeholder-text : #888;

    /* nice-select plugin */
    --color-input-select-nice-bg-normal: #2a2a3e;
    --color-input-select-nice-border-normal: #4a4a5e;
    --color-input-select-nice-border-hover: #5a5a6e;
    --color-input-select-nice-border-active: #7a7a8e;
    --color-input-select-nice-arrow: #b0b0bc;
    --color-input-select-nice-disabled-border: #3a3a4e;
    --color-input-select-nice-disabled-text: #666;
    --color-input-select-nice-disabled-arrow: #4a4a5e;
    --color-input-select-nice-list-bg: #2a2a3e;
    --color-input-select-nice-list-shadow: rgba(0, 0, 0, 0.5);
    --color-input-select-nice-option-hover-bg: #3a3a5e;
    --color-input-select-nice-option-disabled-text: #666;

    /* select2 plugin */
    --color-input-select2-bg-normal: #2a2a3e;
    --color-input-select2-border-normal: #4a4a5e;
    --color-input-select2-border-hover: #5a5a6e;
    --color-input-select2-border-active: #7a7a8e;
    --color-input-select2-arrow: #b0b0bc;
    --color-input-select2-disabled-border: #3a3a4e;
    --color-input-select2-disabled-text: #666;
    --color-input-select2-disabled-arrow: #4a4a5e;
    --color-input-select2-list-bg: #2a2a3e;
    --color-input-select2-list-shadow: rgba(0, 0, 0, 0.5);
    --color-input-select2-option-hover-bg: #3a3a5e;
    --color-input-select2-option-selected-bg: #f50402;
    --color-input-select2-option-text: #d0d0d8;
    --color-input-select2-choice-bg: #3a2a2a;
    --color-input-select2-choice-text: #d0d0d8;

    --color-search-input-border-normal : #444;
    --color-search-input-text-normal : #d0d0d8;
    --color-search-input-bg-normal : #222236;
    --color-search-input-shadow :rgba(0, 0, 0, 0.5);
    --color-input-search-icon-normal: #d0d0d8;

    --color-search-button-border-normal : #444;
    --color-search-button-text-normal : #d0d0d8;
    --color-search-button-bg-normal : #33334a;

    --color-search-button-border-hover: #555;
    --color-search-button-text-hover: #fff;
    --color-search-button-bg-hover: #f50402;

    /* warnings / hints / badges */

    --color-notice-bg-normal: #3a3420;
    --color-notice-border-normal: #5a5040;
    --color-notice-text-normal: #d4b86a;
    --color-notice-text-strong: #f50402;
    --color-notice-link-normal: #40c4e0;
    --color-notice-link-hover: #50d4f0;
    
    --color-error-bg-normal: #2a2a3e;
    --color-error-border-normal: #5a5545;
    --color-error-text-normal: #ffffff;
    --color-error-link-normal: #80d0f0;
    --color-error-link-hover: #90e0ff;

    --color-warning-text-normal: #d08080;
    --color-warning-text-strong: #cc3433;
    --color-warning-bg-normal: #3a221e;
    --color-warning-border-normal: #5a3030;

    /* obn = adverts cards */
    --color-card-obn-title-normal : #FFF;
    --color-card-obn-description-normal : #d0d0d8;

    /* other blocks */
    --color-marquee-bg: #222236;
    --color-marquee-text: #d0d0d8;
    --color-search-filter-bg-normal : #2a2a3e;
    --color-search-filter-border-normal : transparent;

    --color-navigator-bg-normal :#33334a;
    --color-navigator-border-normal :#4a4048;
    --color-navigator-link-normal :#b0b0bc;
    --color-navigator-link-hover :#f62727;


    /* garbage, etc, compatibility, ??? */

    --color-gradient-shadow-end: #111;
    --padding-comment-left: 10%;
    --padding-comment-inner: 20px;
    --padding-section-default: 20px;
    --count-lines-text-description: 3;
    --height-lines-text-description: 21px;

    /* form section */
    --color-form-bg-normal: #2a2a3e;
    --color-form-input-bg: #1a1a2e;
    --color-form-input-text: #d0d0d8;
    --color-form-input-border-normal: #5a5a6e;
    --color-form-required-text: #ff4444;
    --color-form-required-sup: rgba(255, 255, 255, 0.4);
    --color-form-tooltip-bg: #3a3a4e;
    --color-form-separator: #4a4a5e;
    --color-form-label-text-normal: #a0a0b0;

    /* muted text — between normal and disabled */
    --color-text-muted-normal: #888;

    /* dark overlay backgrounds for side-bar item body */
    --color-sidebar-item-overlay-bg: #0a0a14;
    --color-sidebar-item-overlay-border: #1a1a2e;

    /* navigator label background */
    --color-navigator-label-bg: #181828;

    /* overlay backgrounds — dark/light with intensity scale */
    --color-overlay-dark-light: rgba(0, 0, 0, 0.5);
    --color-overlay-dark-medium: rgba(0, 0, 0, 0.7);
    --color-overlay-dark-strong: rgba(0, 0, 0, 0.9);
    --color-overlay-light-medium: rgba(26, 26, 46, 0.8);
    --color-overlay-light-light: rgba(26, 26, 46, 0.4);

    /* voting / poll */
    --color-voting-answer-bg-normal: #2a2a3e;
    --color-voting-answer-bg-hover: #3a4a2a;

    /* close button background */
    --color-button-close-bg-normal: #cc3433;

    /* schedule / timetable */
    --color-schedule-item-bg-normal: #2a2a3e;
    --color-schedule-time-bg-normal: #3a3a4e;

    /* success / positive */
    --color-success-normal: #5a9e2a;
    --color-success-hover: #7ac035;
}



/* logo switch for light/dark theme */
[data-theme="dark"] .logo-light {display: none !important;}
[data-theme="dark"] .logo-dark {display: inline !important;}
[data-theme="light"] .logo-dark {display: none !important;}
[data-theme="light"] .logo-light {display: inline;}

/* null-phone image inversion for dark theme */
[data-theme="dark"] .null-phone img {
    filter: invert(1);
}

/* ads icon images for dark theme - convert red #c83233 to light gray */
[data-theme="dark"] .ads__wrapper-image img {
    filter: brightness(1.5) sepia(1) saturate(0.2) hue-rotate(180deg);
}

/* search icon for dark theme - convert black to light gray */
[data-theme="dark"] .side-bar-menu__search-input::before {
    filter: invert(0.9) brightness(1.3);
}

/* weather icons inversion for dark theme */
[data-theme="dark"] .weather-day img {
    filter: invert(1);
}