:root{
    --primary-body: #0F0F14;
    --primary-black-bg: #0F0F14;
    --primary-white: #ffffff;
    --primary-yellow: #F7DF71;
    --primary-red: #AA0F0F;
    --primary-black-light: #17171C;
    --primary-black-client-bg: #1F1F24;
    --primary-green: #018D43;
    --primary-gray: #929292;
    --primary-gray-border-one: #5E5E5E;
    --primary-gray-border-two: #018D43;
    --primary-gray-slider-btn: #737373;
    --primary-font-family-title: 'gang_of_threeregular';
    --primary-dark-btn: #BEBEBE;
    --primary-black-dark-pg: #D3D3D3;
    --primary-black-light-gray-one: #F5F5F5;
    --primary-menu-btn: #BEBEBE;
}

body.dark-mode p{color: var(--primary-white);}

body.dark-mode h1{color: var(--primary-white);}
body.dark-mode h2{color: var(--primary-white);}
body.dark-mode h3{color: var(--primary-white);}
body.dark-mode h4{color: var(--primary-white);}
body.dark-mode h5{color: var(--primary-white);}
body.dark-mode h6{color: var(--primary-white);}

body.dark-mode .h1{color: var(--primary-white);}
body.dark-mode .h2{color: var(--primary-white);}
body.dark-mode .h3{color: var(--primary-white);}
body.dark-mode .h4{color: var(--primary-white);}
body.dark-mode .h5{color: var(--primary-white);}
body.dark-mode .h6{color: var(--primary-white);}

ul li{color: var(--primary-white);}
ol li{color: var(--primary-white);}

body.dark-mode strong{color: var(--primary-white);}
body.dark-mode b{color: var(--primary-white);}

body.dark-mode {background-color: var(--primary-black-bg); color: var(--primary-black-bg);}

body.dark-mode .header-content h1{color: var(--primary-yellow);}
body.dark-mode .header-content ul li{color: var(--primary-white);}
body.dark-mode .header-content ul li::before{background: url(https://dev.weisetechdev.com/mahjong/wp-content/uploads/2025/04/arrow-right-white.png);}
body.dark-mode .header_area{background: var(--primary-black);}
body.dark-mode .sub-game-title h2{color: var(--primary-white);}
body.dark-mode .sub-game-pt-pb{background: var(--primary-body);}

body.dark-mode .sub-game-three-box{background: var(--primary-black-light); box-shadow:none;}
body.dark-mode .sub-game-three-box h5{color: var(--primary-white) !important;}
body.dark-mode .sub-game-three-box-mt-mb .owl-carousel .owl-nav button.owl-prev{border: 1px solid var(--primary-white); background: var(--primary-black-light);}
body.dark-mode .sub-game-three-box-mt-mb .owl-carousel .owl-nav button.owl-next{border: 1px solid var(--primary-white); background: var(--primary-black-light);}

body.dark-mode .sub-rules-content{background: var(--primary-black-light); box-shadow:none;}
body.dark-mode .sub-simple-content h5{color: var(--primary-white) !important;}
body.dark-mode .sub-simple-content p{color: var(--primary-black-dark-pg);}
body.dark-mode .sub-rules-content h4{color: var(--primary-white) !important;}
body.dark-mode .sub-rules-content p{color: var(--primary-white);}
body.dark-mode .sub-rules-content h6{color: var(--primary-white) !important;}
body.dark-mode .sub-passionate-main{background: var(--primary-black-light); box-shadow:none;}
body.dark-mode .sub-passionate-icon-text p{color: var(--primary-white) !important;}
body.dark-mode .sub-passionate-green-text p{color: var(--primary-white) !important;}
body.dark-mode .sub-passionate-content p{color: var(--primary-black-dark-pg);}
body.dark-mode .sub-passionate-content span{color: var(--primary-black-dark-pg);}

body.dark-mode .sub-follow-icon a{color: var(--primary-white);}
body.dark-mode .sub-follow-icon-box span{color: var(--primary-white);}

body.dark-mode .sub-topics-main{background: var(--primary-black-light); box-shadow:none;}
body.dark-mode .sub-topics-main h5{color: var(--primary-white) !important;}
body.dark-mode .sub-topics-main span{color: var(--primary-yellow);}
body.dark-mode .sub-topics-main p{color: var(--primary-black-dark-pg);}
body.dark-mode .sub-trusted-pt-pb{background: var(--primary-black-client-bg);}
body.dark-mode .sub-trusted-logo{background: var(--primary-black-light); box-shadow:none;}

body.dark-mode .sub-social-main .carousel-indicators [data-bs-target]{background-color:var(--primary-white);}
body.dark-mode footer{background:var(--primary-black);}
body.dark-mode .sub-faq-pt-pb .sub-game-title p{color: var(--primary-white);}
body.dark-mode .sub-faq-box .nav-tabs .nav-link{background: var(--primary-black); border: 1px solid var(--primary-gray-border-one); color: var(--primary-gray-border-one);}
body.dark-mode .sub-faq-box .nav-tabs .nav-link.active{color: var(--primary-white); background: var(--primary-red); border-color: var(--primary-red);}
body.dark-mode .sub-faq-box .accordion-button:not(.collapsed){color: var(--primary-white); background: var(--primary-black-light); border-color: var(--primary-black);
}
body.dark-mode .sub-faq-box .accordion-body{color: var(--primary-white); background: var(--primary-black-light);}
body.dark-mode .sub-faq-box .accordion-button{color: var(--primary-white); background: var(--primary-black-light);
    border-color: var(--primary-black-light);}
body.dark-mode .sub-faq-box .accordion-item{border-color: var(--primary-black); box-shadow:none;}
body.dark-mode .sub-game-three-box a{color: var(--primary-white);}

body.dark-mode .sub-faq-box .accordion-button:not(.collapsed)::after{background-image: url(../images/minimu.png);}
body.dark-mode .sub-faq-box .accordion-button::after{background-image: url(../images/plus.png);}
body.dark-mode .sub-game-three-box-mt-mb .owl-next span{color: var(--primary-white);}
body.dark-mode .sub-game-three-box-mt-mb .owl-prev span{color: var(--primary-white);}

body.dark-mode .header-dark-btn .form-check-label{color: var(--primary-white);}

body.dark-mode .header-dark-btn .form-check-input:checked{background-color:var(--primary-menu-btn); border-color:var(--primary-menu-btn);
    background-image: url(https://dev.weisetechdev.com/mahjong/wp-content/uploads/2025/04/switch-bg-white.png);
}

body.dark-mode .nav-toggle:before{background-color: var(--primary-green);}

body.dark-mode .nav-dropdown > li > a{color: var(--primary-black);}
body.dark-mode .nav-menu > li > a{color: var(--primary-white);}
body.dark-mode .nav-menus-wrapper-close-button{color: var(--primary-white);}

body.dark-mode .sub-passionate-pt-pb .sub-game-title p{color: var(--primary-white);}

body.dark-mode .sub-inner-bg-pt-pb{background: var(--primary-black-light);}
body.dark-mode .sub-blog-title h1{color: var(--primary-yellow);}

body.dark-mode .sub-blog-box{background: var(--primary-black-light);}
body.dark-mode .sub-img-content h3 a{color: var(--primary-white);}
body.dark-mode .sub-img-content h3 a:hover{color: var(--primary-yellow);}

body.dark-mode .sub-img-content span{color: var(--primary-yellow);}

body.dark-mode .sub-img-content a{color: var(--primary-yellow);}
body.dark-mode .sub-img-content a:hover{color: var(--primary-white);}

body.dark-mode .sub-blog-title .breadcrumb .breadcrumb-item a{color: var(--primary-white);}
body.dark-mode .sub-blog-title .breadcrumb .breadcrumb-item.active{color: var(--primary-yellow);}
body.dark-mode .sub-blog-title .breadcrumb-item + .breadcrumb-item::before{color: var(--primary-white);}

body.dark-mode .sub-explore-catg-left-share ul li a{color: var(--primary-white);}
body.dark-mode .sub-explore-catg-left-share ul li a:hover{color: var(--primary-yellow); border: 1px solid var(--primary-yellow);}
body.dark-mode .sub-user span {color: var(--primary-white);}
body.dark-mode .sub-categ-left-user .sub-date i{color: var(--primary-black-dark-pg);}
body.dark-mode .sub-explore-catg-img{background: var(--primary-black-light);}