:root {
  --primary-00: #00312b;
  --primary-10: #004940;
  --primary-20: #006156;
  --primary-30: #007a6b;
  --primary-40: #008a7a;
  --primary-50: #00a28f;
  --primary-60: #26b0a0;
  --primary-70: #4cbeb1;
  --primary-80: #73ccc1;
  --primary-90: #a6ded8;
  --primary-95: #ccece9;
  --primary-99: #e5f6f4;
  --primary-100: #f5fbfb;
  --mc1: #00a28f;
  --secondary-00: #070f39;
  --secondary-10: #0b1655;
  --secondary-20: #0f1d71;
  --secondary-30: #13258e;
  --secondary-40: #152aa1;
  --secondary-50: #1931bd;
  --secondary-60: #3b50c7;
  --secondary-70: #5e6fd1;
  --secondary-80: #808edb;
  --secondary-90: #aeb7e8;
  --secondary-95: #d1d6f2;
  --secondary-99: #e8eaf8;
  --secondary-100: #f8f9fd;
  --mc2: #1931bd;
  --tc1: var(--primary-20);
  --tc2: var(--primary-40);
  --tc3: var(--secondary-10);
  --bg-color: #FFF;
}

:root {
  --bg: #ffffff;
  --text: #111111;
  --card-bg: #f5f5f5;
}

body.theme-dark {
  --bg: #1a1a1a;
  --text: #eeeeee;
  --card-bg: #2a2a2a;
}

body.dark-light {
    --body-color: #FFF;
}

body.theme-dark {
    --body-color: #202020;
}

body.theme-dark {
    background: var(--body-color);

    header {
        background: var(--body-color);
        color: var(--text) !important;
    }

    header *{
        color: var(--text) !important;
    }

    .main_Page_Card {
        background: var(--card-bg);
    }

    footer {
        background: var(--body-color);
    }

    footer * {
        color: var(--text) !important;
    }

    .ez_Menu_Wrapper .menu-main li.menu-have-submenu > .menu-sub-menu {
        background: var(--card-bg);
    }
}

body.theme-dark .home_Wrapper * {
    color: var(--text) !important;
}


body.color-purple {
  --primary-00: #290031;
  --primary-10: #380049;
  --primary-20: #4e0061;
  --primary-30: #53007a;
  --primary-40: #5e008a;
  --primary-50: #7c00a2;
  --primary-60: #9426b0;
  --primary-70: #9e4cbe;
  --primary-80: #b773cc;
  --primary-90: #d8a6de;
  --primary-95: #e3ccec;
  --primary-99: #f2e5f6;
  --primary-100: #faf5fb;
  --mc1: #7c00a2;
  --secondary-00: #0f3907;
  --secondary-10: #1a550b;
  --secondary-20: #0f710f;
  --secondary-30: #288e13;
  --secondary-40: #31a115;
  --secondary-50: #26a200;
  --secondary-60: #47c73b;
  --secondary-70: #6cd15e;
  --secondary-80: #83db80;
  --secondary-90: #b5e8ae;
  --secondary-95: #d2f2d1;
  --secondary-99: #eaf8e8;
  --secondary-100: #f8fdf8;
  --mc2: #26a200;
  --tc1: var(--primary-20);
  --tc2: var(--primary-40);
  --tc3: var(--secondary-10);
}

body.color-blue {
  --primary-00: #000131;
  --primary-10: #000549;
  --primary-20: #000261;
  --primary-30: #02007a;
  --primary-40: #02008a;
  --primary-50: #0300a2;
  --primary-60: #2f26b0;
  --primary-70: #574cbe;
  --primary-80: #7973cc;
  --primary-90: #aaa6de;
  --primary-95: #ceccec;
  --primary-99: #e7e5f6;
  --primary-100: #f6f5fb;
  --mc1: #0300a2;
  --secondary-00: #393007;
  --secondary-10: #55470b;
  --secondary-20: #71670f;
  --secondary-30: #8e7713;
  --secondary-40: #a18715;
  --secondary-50: #9fa200;
  --secondary-60: #c7ad3b;
  --secondary-70: #d1cf5e;
  --secondary-80: #dbda80;
  --secondary-90: #e8e4ae;
  --secondary-95: #f2f1d1;
  --secondary-99: #f8f8e8;
  --secondary-100: #fdfdf8;
  --mc2: #9fa200;
  --tc1: var(--primary-20);
  --tc2: var(--primary-40);
  --tc3: var(--secondary-10);
}

body.color-orange {
  --primary-00: #311200;
  --primary-10: #492300;
  --primary-20: #612400;
  --primary-30: #7a2700;
  --primary-40: #8a2c00;
  --primary-50: #a22e00;
  --primary-60: #b04d26;
  --primary-70: #be764c;
  --primary-80: #cc9473;
  --primary-90: #debda6;
  --primary-95: #ecd6cc;
  --primary-99: #f6eae5;
  --primary-100: #fbf7f5;
  --mc1: #a22e00;
  --secondary-00: #073239;
  --secondary-10: #0b3d55;
  --secondary-20: #0f6671;
  --secondary-30: #13718e;
  --secondary-40: #156ea1;
  --secondary-50: #0074a2;
  --secondary-60: #3b9fc7;
  --secondary-70: #5e94d1;
  --secondary-80: #80c1db;
  --secondary-90: #aed1e8;
  --secondary-95: #d1e2f2;
  --secondary-99: #e8f2f8;
  --secondary-100: #f8fbfd;
  --mc2: #0074a2;
  --tc1: var(--primary-20);
  --tc2: var(--primary-40);
  --tc3: var(--secondary-10);
}
