.theme-dark-red {
    /* radial gradient colors */
    --oneuiux-theme-color-grad-1: #ffc699;
    --oneuiux-theme-color-grad-2: #ff5d83;
    --oneuiux-theme-color-grad-3: #dc006a;
    /* color schemes */
    --oneuiux-theme-color: #ef4044;
    --oneuiux-page-bg-1: #ffffff;
    --oneuiux-page-bg-2: #fffbf2;
    --oneuiux-page-bg-3: #ffeeee;
}
.theme-dark-red {
    /* radial gradient colors */
    --oneuiux-theme-color-grad-1: #ffc699;
    --oneuiux-theme-color-grad-2: #ef4044;
    --oneuiux-theme-color-grad-3: #ef4044;
    /* color schemes */
    --oneuiux-theme-color: #ef4044;
    --oneuiux-page-bg-1: #ffffff;
    --oneuiux-page-bg-2: #fffbf2;
    --oneuiux-page-bg-3: #ffeeee;
}
.dark-mode .theme-dark-red {
    /* radial gradient colors */
    --oneuiux-theme-color-grad-1: #ffc699;
    --oneuiux-theme-color-grad-2: #ff5d83;
    --oneuiux-theme-color-grad-3: #dc006a;
    /* color schemes */
    --oneuiux-theme-color: #f03d4f;
    --oneuiux-theme-link: #f46c7a;
    --oneuiux-header-active: #960e1c;
    --oneuiux-footer: #960e1c;
    --oneuiux-card-color: #810816;
    --oneuiux-page-bg-1: #640811;
    --oneuiux-page-bg-2: #51060e;
    --oneuiux-page-bg-3: #2b0307;
}


/*//*/

.theme-light-green {
    /* radial gradient colors */
    --oneuiux-theme-color-grad-1: #ffc699;
    --oneuiux-theme-color-grad-2: #94a120;
    --oneuiux-theme-color-grad-3: #62663d;
    /* color schemes */
    --oneuiux-theme-color: #acb655;
    --oneuiux-page-bg-1: #ffffff;
    --oneuiux-page-bg-2: #fffbf2;
    --oneuiux-page-bg-3: #ffeeee;
}

.theme-light-green {
    /* radial gradient colors */
    --oneuiux-theme-color-grad-1: #ffc699;
    --oneuiux-theme-color-grad-2: #94a120;
    --oneuiux-theme-color-grad-3: #62663d;
    /* color schemes */
    --oneuiux-theme-color: #acb655;
    --oneuiux-page-bg-1: #ffffff;
    --oneuiux-page-bg-2: #ffffff;
    --oneuiux-page-bg-3: #ffffff;
}

.dark-mode .theme-light-green {
    /* radial gradient colors */
    --oneuiux-theme-color-grad-1: #ffc699;
    --oneuiux-theme-color-grad-2: #94a120;
    --oneuiux-theme-color-grad-3: #62663d;
    /* color schemes */
    --oneuiux-theme-color: #f03d4f;
    --oneuiux-theme-link: #f46c7a;
    --oneuiux-header-active: #960e1c;
    --oneuiux-footer: #960e1c;
    --oneuiux-card-color: #810816;
    --oneuiux-page-bg-1: #640811;
    --oneuiux-page-bg-2: #51060e;
    --oneuiux-page-bg-3: #2b0307;
}


/*//*/

.theme-teal-dark {
    /* radial gradient colors */
    --oneuiux-theme-color-grad-1: #ffc699;
    --oneuiux-theme-color-grad-2: #008080;
    --oneuiux-theme-color-grad-3: #003434;
    /* color schemes */
    --oneuiux-theme-color: teal;
    --oneuiux-page-bg-1: #ffffff;
    --oneuiux-page-bg-2: #fffbf2;
    --oneuiux-page-bg-3: #ffeeee;
}

.theme-teal-dark {
    /* radial gradient colors */
    --oneuiux-theme-color-grad-1: #ffc699;
    --oneuiux-theme-color-grad-2: #008080;
    --oneuiux-theme-color-grad-3: #003434;
    /* color schemes */
    --oneuiux-theme-color: teal;
    --oneuiux-page-bg-1: #ffffff;
    --oneuiux-page-bg-2: #ffffff;
    --oneuiux-page-bg-3: #ffffff;
}

.dark-mode .theme-teal-dark {
    --oneuiux-theme-color-grad-1: #a2fffa;
    --oneuiux-theme-color-grad-2: #00a2ad;
    --oneuiux-theme-color-grad-3: #3f51b5;
    --oneuiux-theme-color: #0ebbac;
    --oneuiux-theme-link: #3ce0af;
    --oneuiux-header-active: #045e56;
    --oneuiux-footer: #045e56;
    --oneuiux-card-color: #044b45;
    --oneuiux-page-bg-1: #052219;
    --oneuiux-page-bg-2: #03100c;
    --oneuiux-page-bg-3: black;
}

/*//*/

.theme-gray {
    /* radial gradient colors */
    --oneuiux-theme-color-grad-1: #c0c0c0;
    --oneuiux-theme-color-grad-2: #808080;
    --oneuiux-theme-color-grad-3: #505050;
    /* color schemes */
    --oneuiux-theme-color: #6c757d;
    --oneuiux-page-bg-1: #ffffff;
    --oneuiux-page-bg-2: #f5f5f5;
    --oneuiux-page-bg-3: #e9ecef;
}

.dark-mode .theme-gray {
    /* radial gradient colors */
    --oneuiux-theme-color-grad-1: #a0a0a0;
    --oneuiux-theme-color-grad-2: #707070;
    --oneuiux-theme-color-grad-3: #404040;
    /* color schemes */
    --oneuiux-theme-color: #6c757d;
    --oneuiux-theme-link: #adb5bd;
    --oneuiux-header-active: #343a40;
    --oneuiux-footer: #343a40;
    --oneuiux-card-color: #495057;
    --oneuiux-page-bg-1: #212529;
    --oneuiux-page-bg-2: #1a1d20;
    --oneuiux-page-bg-3: #121416;
}
/* Apply gray theme to specific elements */
    .dark-mode .theme-gray .bg-light {
        background-color: #ffffff80 !important;
    }

    .dark-mode .theme-gray .counter-number,
    .dark-mode .theme-gray .counter-number .btn {
        background-color: #ffffff80 !important;
    }

.theme-tan {
    /* radial gradient colors */
    --oneuiux-theme-color-grad-1: #ffc699;
    --oneuiux-theme-color-grad-2: gray; /*//this*/
    --oneuiux-theme-color-grad-3: black; /*//this*/
    /* color schemes */
    --oneuiux-theme-color: #d4b590; /*//this*/
    --oneuiux-page-bg-1: #adb5bd;
    --oneuiux-page-bg-2: #e9ecef;
    --oneuiux-page-bg-3: #f8f9fa;
}

.dark-mode .theme-tan {
    --oneuiux-theme-color-grad-1: #ffc699;
    --oneuiux-theme-color-grad-2: #d4b590; /*//this*/
    --oneuiux-theme-color-grad-3: #d4b590; /*//this*/
    --oneuiux-theme-color: #004624;
    --oneuiux-theme-link: #3ce0af;
    --oneuiux-header-active: #045e56;
    --oneuiux-footer: #004624;
    --oneuiux-card-color: #2e2e2e;
    --oneuiux-page-bg-1: #1e1e1e;
    --oneuiux-page-bg-2: #1e1e1e;
    --oneuiux-page-bg-3: #1e1e1e;
}

/*.dark-mode .bg-light,
.dark-mode .counter-number,
.dark-mode .counter-number .btn {
    background-color: var(--oneuiux-theme-color-grad-1) !important;
}
*/

/*.counter-number .btn {
    border: 1px solid var(--oneuiux-theme-bordercolor) !important;
    background-color: var(--oneuiux-theme-text) !important;
    color: var(--oneuiux-theme-text) !important;
}

.dark-mode .bg-light,
.dark-mode .counter-number,
.dark-mode .counter-number .btn {
    background-color: var(--oneuiux-card-color) !important;
}*/

.counter-number.vertical .btn i {
    font-size: 20px;
}
.counter-number.horizontal .btn i {
    font-size: 20px;
}

.theme-antique {
    /* radial gradient colors */
    --oneuiux-theme-color-grad-1: #f5e9d9;
    --oneuiux-theme-color-grad-2: #ff5700; /*//this*/
    --oneuiux-theme-color-grad-3: #ff5700; /*//this*/
    /* color schemes */
    --oneuiux-theme-color: #ff5700; /*//this*/
    --oneuiux-theme-color: #ff5700; /*//this*/
    --oneuiux-page-bg-1: #f5e9d9;
    --oneuiux-page-bg-2: #f5e9d9;
    --oneuiux-page-bg-3: #f5e9d9;

}

.dark-mode .theme-antique {
    --oneuiux-theme-color-grad-1: #f5e9d9;
    --oneuiux-theme-color-grad-2: #ff5700; /*//this*/
    --oneuiux-theme-color-grad-3: #ff5700; /*//this*/
    --oneuiux-theme-color: #ff5700;
    --oneuiux-theme-link: #ff5700;
    --oneuiux-header-active: #045e56;
    --oneuiux-footer: #ff5700;
    --oneuiux-card-color: #2e2e2e;
    --oneuiux-page-bg-1: #1e1e1e;
    --oneuiux-page-bg-2: #1e1e1e;
    --oneuiux-page-bg-3: #1e1e1e;
}

/*-------------new---------for pirna----------*/

/* Forest Green Theme */
.theme-forest {
    /* radial gradient colors */
    --oneuiux-theme-color-grad-1: #4d9966;
    --oneuiux-theme-color-grad-2: #00542c;
    --oneuiux-theme-color-grad-3: #002b15;
    /* color schemes */
    --oneuiux-theme-color: #00381d;
    --oneuiux-page-bg-1: #ffffff;
    --oneuiux-page-bg-2: #f0f9f4;
    --oneuiux-page-bg-3: #edf7f0;
}

.dark-mode .theme-forest {
    /* radial gradient colors */
    --oneuiux-theme-color-grad-1: #4d9966;
    --oneuiux-theme-color-grad-2: #00542c;
    --oneuiux-theme-color-grad-3: #002b15;
    /* color schemes */
    --oneuiux-theme-color: #00381d;
    --oneuiux-theme-link: #66cc88;
    --oneuiux-header-active: #002b15;
    --oneuiux-footer: #002b15;
    --oneuiux-card-color: #004225;
    --oneuiux-page-bg-1: #001a0d;
    --oneuiux-page-bg-2: #001207;
    --oneuiux-page-bg-3: #000502;
}

/* Orange Theme */
.theme-orange2 {
    /* radial gradient colors */
    --oneuiux-theme-color-grad-1: #ff9933;
    --oneuiux-theme-color-grad-2: #cc5500;
    --oneuiux-theme-color-grad-3: #994000;
    /* color schemes */
    --oneuiux-theme-color: #e66800;
    --oneuiux-page-bg-1: #ffffff;
    --oneuiux-page-bg-2: #fff7f0;
    --oneuiux-page-bg-3: #fdf4ed;
}

.dark-mode .theme-orange2 {
    /* radial gradient colors */
    --oneuiux-theme-color-grad-1: #ff9933;
    --oneuiux-theme-color-grad-2: #cc5500;
    --oneuiux-theme-color-grad-3: #994000;
    /* color schemes */
    --oneuiux-theme-color: #e66800;
    --oneuiux-theme-link: #ff9944;
    --oneuiux-header-active: #994000;
    --oneuiux-footer: #994000;
    --oneuiux-card-color: #b85500;
    --oneuiux-page-bg-1: #331a00;
    --oneuiux-page-bg-2: #2a1500;
    --oneuiux-page-bg-3: #1f1000;
}

/* Ocean Theme */
.theme-ocean {
    /* radial gradient colors */
    --oneuiux-theme-color-grad-1: #4d99b3;
    --oneuiux-theme-color-grad-2: #003d4d;
    --oneuiux-theme-color-grad-3: #002633;
    /* color schemes */
    --oneuiux-theme-color: #004157;
    --oneuiux-page-bg-1: #ffffff;
    --oneuiux-page-bg-2: #f0f8fa;
    --oneuiux-page-bg-3: #edf6f8;
}

.dark-mode .theme-ocean {
    /* radial gradient colors */
    --oneuiux-theme-color-grad-1: #4d99b3;
    --oneuiux-theme-color-grad-2: #003d4d;
    --oneuiux-theme-color-grad-3: #002633;
    /* color schemes */
    --oneuiux-theme-color: #004157;
    --oneuiux-theme-link: #66b3d1;
    --oneuiux-header-active: #002633;
    --oneuiux-footer: #002633;
    --oneuiux-card-color: #003544;
    --oneuiux-page-bg-1: #001a1f;
    --oneuiux-page-bg-2: #001419;
    --oneuiux-page-bg-3: #000a0d;
}

/* Coral Theme */
.theme-coral {
    /* radial gradient colors */
    --oneuiux-theme-color-grad-1: #ffb3a3;
    --oneuiux-theme-color-grad-2: #ff6b52;
    --oneuiux-theme-color-grad-3: #e55a42;
    /* color schemes */
    --oneuiux-theme-color: #ff8670;
    --oneuiux-page-bg-1: #ffffff;
    --oneuiux-page-bg-2: #fff9f8;
    --oneuiux-page-bg-3: #fdf6f5;
}

.dark-mode .theme-coral {
    /* radial gradient colors */
    --oneuiux-theme-color-grad-1: #ffb3a3;
    --oneuiux-theme-color-grad-2: #ff6b52;
    --oneuiux-theme-color-grad-3: #e55a42;
    /* color schemes */
    --oneuiux-theme-color: #ff8670;
    --oneuiux-theme-link: #ffaa99;
    --oneuiux-header-active: #cc442b;
    --oneuiux-footer: #cc442b;
    --oneuiux-card-color: #d9523c;
    --oneuiux-page-bg-1: #330d08;
    --oneuiux-page-bg-2: #2a0b06;
    --oneuiux-page-bg-3: #1f0804;
}



.theme-burgundy {
    /* radial gradient colors */
    --oneuiux-theme-color-grad-1: #E5B36E;
    --oneuiux-theme-color-grad-2: #71011A;
    --oneuiux-theme-color-grad-3: #1D0100;
    /* color schemes */
    --oneuiux-theme-color: #71011A;
    --oneuiux-page-bg-1: #ffffff;
    --oneuiux-page-bg-2: #fdf6f0;
    --oneuiux-page-bg-3: #fbeee5;
    --oneuiux-card-color: #ffffff;
    --oneuiux-theme-text-primary: #000000;
    --oneuiux-theme-text-secondary: #666666;
    --oneuiux-theme-link: #71011A;
}

.dark-mode .theme-burgundy {
    /* radial gradient colors */
    --oneuiux-theme-color-grad-1: #E5B36E;
    --oneuiux-theme-color-grad-2: #71011A;
    --oneuiux-theme-color-grad-3: #1D0100;
    /* color schemes */
    --oneuiux-theme-color: #E5B36E; /* gold becomes the accent in dark mode */
    --oneuiux-theme-link: #f0c98c; /* softer gold for links */
    --oneuiux-header-active: #3d020a;
    --oneuiux-footer: #3d020a;
    --oneuiux-card-color: #2a0105;
    --oneuiux-page-bg-1: #1D0100;
    --oneuiux-page-bg-2: #2a0105;
    --oneuiux-page-bg-3: #3d020a;
    --oneuiux-theme-text-primary: #ffffff;
    --oneuiux-theme-text-secondary: #bbbbbb;
}


.theme-green2 {
    /* radial gradient colors */
    --oneuiux-theme-color-grad-1: #6ceba3;
    --oneuiux-theme-color-grad-2: #11951bd4;
    --oneuiux-theme-color-grad-3: #11951b3b;
    /* color schemes */
    --oneuiux-theme-color: #11951bd4;
    --oneuiux-page-bg-1: #ffffff;
    --oneuiux-page-bg-2: #f5fcf7;
    --oneuiux-page-bg-3: #e9f9ee;
    --oneuiux-card-color: #ffffff;
    --oneuiux-theme-text-primary: #000000;
    --oneuiux-theme-text-secondary: #555555;
    --oneuiux-theme-link: #11951b;
}

/* 🌙 Dark mode */
.dark-mode .theme-green2 {
    /* radial gradient colors */
    --oneuiux-theme-color-grad-1: #6ceba3;
    --oneuiux-theme-color-grad-2: #11951bd4;
    --oneuiux-theme-color-grad-3: #0c5e12;
    /* color schemes */
    --oneuiux-theme-color: #6ceba3; /* light green accent */
    --oneuiux-theme-link: #82f7b3; /* soft mint for links */
    --oneuiux-header-active: #0b3f10;
    --oneuiux-footer: #0b3f10;
    --oneuiux-card-color: #112d15;
    --oneuiux-page-bg-1: #071b09;
    --oneuiux-page-bg-2: #0b2a10;
    --oneuiux-page-bg-3: #13401a;
    --oneuiux-theme-text-primary: #ffffff;
    --oneuiux-theme-text-secondary: #bbbbbb;
}