:root {
    --primary-text-color: #212121;

    --gray-color: #7e8299;
    
    --secondary-background-color: #303134;
    --blue-color: #00b2ff;

    --blue-background-color: #f1faff;
    --error-background-color: #e32636;
    --succcess-background-color: #00a86b;
}

.dark-theme {
    --primary-background-color: #212121;
    --secondary-background-color: #303134;
    --third-background-color: #212121;
    --fourth-background-color: #4f4f594d;
    --fifth-background-color: #303134;
    --six-background-color: #303134;

    --home-header-background-color: transparent;
    --home-second-background-color: #303134;
    --home-third-background-color: transparent;
    --home-trending-image-box-shadow: 0px 4px 9px 2px rgba(0,0,0,0.3);
    --home-trending-employment-type-bg: #4f4f594d;
    --home-trending-employment-type-color: #ddd;
    --home-status-background-color: #255c41;
    --home-category-separator-color: #53595e;
    --home-category-green-color: #7AFF9B;

    --primary-text-color: #E4E6EB;
    --secondary-text-color: #ddd;
    --third-text-color: #bbb;
    --fourth-text-color: #eee;
    --fifth-text-color: #ddd;
    --six-text-color: #eee;
    --primary-blue-color: #BB86FC;  
    --secondary-blue-color: #BB86FC;
    --error-text-color: #B00020;
    --read-more-text-color: #ddd;

    --popup-bg: #202124;
    --popup-box-shadow: 1px 1px 15px 0px #111 !important;
    --popup-hover-bg: #3C3C434D;

    --input-bg: #303134;
    --input-border-color: #5f6368;
    --input-focus-border-color: #BB86FC;  
    --input-focus-box-shadow: inset 0 0 0 1px #BB86FC;

    --btn-primary-bg: #2D88FF;
    --btn-primary-hover: #1266f1;

    --navigation-color:#e8eaed;
    --navigation-bg-after-scroll: #303134;
    --navigation-active-color: #BB86FC;
    --navigation-active-bg: #3C3C434D;

    --footer-top-bg: #171717;
    --footer-bottom-bg: #121212;

    --header-color: #f2f2f2;

    --separator-color: #3c4043;
    --secondary-separator-color: #53595e;
    --third-separator-color: transparent;
    --fourth-separator-color: #53595e;
    --fifth-separator-color: transparent;
    --six-separator-color: #3c4043;

    --contact-social-media-color: #bae3f7;
    --contact-map-box-shadow: 0px 0px 0px 9px rgba(255,255,255,0.2);
    --contact-input-label-color: #E5E5EAFF;
    --faq-bg: #303134;
    --faq-border-color: #3c4043;
    --faq-collapsed-color: #E4E6EB;

    --overflow-bg: rgba(90,90,90,0.1);
    --wait-content-loading: rgba(187, 132, 252, 0.9);
    --wait-content-background: rgba(187, 133, 252, 0.2);
    --next-content-loading: #25b1c3 #4ea752 #ff9800 #da3a36;

    --blog-listing-color: #E4E6EB;
    --blog-listing-box-shadow: 0 0 20px 0 rgba(250,240,230,0.08);

    --tab-bg: #3C3C434D;
    --msg-user-right-border: rgba(0,0,0,.5);
    --msg-focus-bg: rgba(45, 136, 255, 0.2);

    --auth-separator-color: #777;
    --auth-social-media-border-color: #5f6368;

    --profile-header-color: #E4E6EB;
    --profile-header-blue: #BB86FC;
    --profile-personal-hover: #3c4043;

}

.dark-theme img , .employer-cover-image {
    filter: grayscale(20%) !important;
}