:root {
    /* Typography */
    --font-family: 'Segoe UI', sans-serif;
    --font-size-base: 16px;
    --font-size-sm: 14px;
    --font-size-lg: 18px;
    --font-size-xl: 24px;
    --font-weight-normal: 400;
    --font-weight-bold: 600;
    --primary: #6a11cb;
    --secondary: #2575fc;
    --accent: #ff4e50;
    --dark-color: #2c3e50;
    --light-color: #f8f9fa;
    --text: #f1f1f1;
    --text-light: #fff;
    --cv-bg: rgba(255, 255, 255, 0.95);
    --body-bg: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    --header-bg: linear-gradient(135deg, var(--dark-color), #34495e);
    --highlight: #e94560;
    --text-secondary: #b8b8b8;
    --accent-color: #ff4e50;
    --transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --cv-bg: rgba(255, 255, 255, 0.95);
    --card-bg: rgba(233, 69, 96, 0.1);
    --card-border: 1px solid #ddd;
    --card-radius: 0.5rem;
    --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    --transition: all 0.4s ease-in-out;
    --highlight: #e94560;
    --text-secondary: #b8b8b8;
    --transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --card-bg: rgba(255, 255, 255, 0.05);
    --card-header-bg: var(--primary);
    --card-footer-bg: var(--accent-color);
    --card-header-text: var(--text-light);
    --card-footer-text: var(--text-light);
    --school-logo-bg: #fff;
    /* Mu custom additions Colors */
    --drop-down-bg-color: #778899;
    /* Style Bootrap Controls into themse */
    --btn-bg: var(--accent); /* Button background */
    --btn-hover-bg: var(--highlight); /* Button hover background */
    --btn-text: var(--text-light); /* Button text color */

    --input-bg: var(--primary); /* Input field background */
    --input-border: var(--accent); /* Input border */
    --input-text: var(--text); /* Input text color */
    --input-placeholder: var(--text-secondary); /* Placeholder text */
    --label-text: var(--text); /* Label color */


    --votex-accent: #2a9d8f;
    --votex-muted: #6c757d;
    --votex-panel: #f4f4f4;
    --votex-card: #ffffff;
    --votex-surface: #fdfdfd;
    --votex-border: #dee2e6;
    --votex-shadow: rgba(0, 0, 0, 0.1);
}
/* Buttons */
.btn {
    background-color: var(--btn-bg);
    color: var(--btn-text);
    border: none;
    transition: background-color 0.3s ease;
}

    .btn:hover,
    .btn:focus {
        background-color: var(--btn-hover-bg);
        color: var(--btn-text);
    }

/* Form Controls */
.form-control {
    background-color: var(--input-bg);
    border: 1px solid var(--input-border);
    color: var(--input-text);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

    .form-control::placeholder {
        color: var(--input-placeholder);
        opacity: 0.7;
    }

    .form-control:focus {
        border-color: var(--highlight);
        box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);
    }

/* Labels */
label {
    color: var(--label-text);
    font-weight: 500;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
/* Base Mode Setup */
body.light-mode {
    --font-family: 'Segoe UI', sans-serif;
    --font-size-base: 16px;
    --card-radius: 0.5rem;
    --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    --transition: all 0.4s ease-in-out;
}

body.dark-mode {
    --font-family: 'Segoe UI', sans-serif;
    --font-size-base: 16px;
    --card-radius: 0.5rem;
    --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    --transition: all 0.4s ease-in-out;
}

body {
    transition: var(--transition);
}

.card-header {
    background: var(--card-header-bg);
}
.theme-text-color{
    color:var(--text)
}
/* Theme schemes - Light mode */
body.light-mode[data-scheme="mistleaf"] {
    --primary: #f5f5f5; /* Pale grey canvas */
    --secondary: #c0df58; /*#e0e0e0; Soft card background */
    --accent: #cddc39; /* Greenyellow accent */
    --highlight: #afb42b; /* Deeper greenyellow for buttons/links */
    --text: #c8f288; /* Earthy olive text */
    --text-secondary: #9e9e9e; /* Muted grey for secondary text */
    --card-bg: rgba(189, 189, 189, 0.1); /* Soft grey mist */
    --card-header-bg: #706e6e; /*#f5f5f5;  Pale grey canvas (primary) */
    --card-footer-bg: #7a6f68; /*#cddc39;  Greenyellow accent */
    --card-header-text: #c8f288; /* Earthy olive text */
    --card-footer-text: #c8f288; /* Same for footer for consistency */
    --card-body-bg: rgba(189,189,189,0.08);
    --btn-bg: #cddc39;
    --btn-hover-bg: #afb42b;
    --btn-text: #1b1b1b;
    --input-bg: #f5f5f5;
    --input-border: #cddc39;
    --input-text: #827717;
    --input-placeholder: #9e9e9e;
    --label-text: #827717;
}
    body.light-mode[data-scheme="nocturne"] {
        --primary: #f0fff4; /* Whisper of mint */
        --secondary: #d0f0e0; /* Soft greenish card */
        --accent: #4caf50; /* Vibrant green accent */
        --highlight: #2e7d32; /* Deep forest green */
        --text: #1b5e20; /* Rich evergreen */
        --text-secondary: #388e3c; /* Balanced green tone */
        --card-bg: rgba(76, 175, 80, 0.05); /* Green shimmer */
        --card-header-bg: #f0fff4; /* Whisper of mint (primary) */
        --card-footer-bg: #4caf50; /* Vibrant green accent */
        --card-header-text: #1b5e20; /* Rich evergreen */
        --card-footer-text: #1b5e20; /* Consistent with header */
        --card-body-bg: rgba(76,175,80,0.08);
        --btn-bg: #1b5e20;
        --btn-hover-bg: #2e7d32;
        --btn-text: #fff;
        --input-bg: #f0fff4;
        --input-border: #4caf50;
        --input-text: #1b5e20;
        --input-placeholder: #388e3c;
        --label-text: #1b5e20;
    }

    body.light-mode[data-scheme="votex"] {
        --primary: #1e1f3b; /* Deep space indigo */
        --secondary: #00bcd4; /* Electric teal */
        --accent: #9c27b0; /* Plasma violet */
        --highlight: #ff4081; /* Neon pink pulse */
        --text: #f5f5f5; /* Soft white */
        --text-secondary: #b0bec5; /* Cool grey */

        --card-bg: rgba(30, 31, 59, 0.05);
        --card-header-bg: #1e1f3b;
        --card-body-bg: rgba(30, 31, 59, 0.08);
        --card-footer-bg: #9c27b0;
        --card-header-text: #f5f5f5;
        --card-footer-text: #f5f5f5;
        --btn-bg: #00bcd4;
        --btn-hover-bg: #0097a7;
        --btn-text: #ffffff;
        --input-bg: #eceff1;
        --input-border: #00bcd4;
        --input-text: #1e1f3b;
        --input-placeholder: #607d8b;
        --label-text: #1e1f3b;
    }


    body.light-mode[data-scheme="ocean"] {
        --primary: #e3f2fd;
        --secondary: #bbdefb;
        --accent: #64b5f6;
        --highlight: #1976d2;
        --text: #0d47a1;
        --text-secondary: #1565c0;
        --card-bg: rgba(33,150,243,0.05);
        --card-header-bg: #64b5f6; /*#e3f2fd;*/
        --card-footer-bg: #64b5f6;
        --card-header-text: #0d47a1;
        --card-footer-text: #0d47a1;
        --card-body-bg: rgba(33,150,243,0.08);
        --btn-bg: #64b5f6;
        --btn-hover-bg: #1976d2;
        --btn-text: #fff;
        --input-bg: #e3f2fd;
        --input-border: #64b5f6;
        --input-text: #0d47a1;
        --input-placeholder: #1565c0;
        --label-text: #0d47a1;
    }

    body.light-mode[data-scheme="forest"] {
        --primary: #e8f5e9;
        --secondary: #c8e6c9;
        --accent: #66bb6a;
        --highlight: #2e7d32;
        --text: #1b5e20;
        --text-secondary: #388e3c;
        --card-bg: rgba(76,175,80,0.05);
        --card-header-bg: #66bb6a; /*#e8f5e9;*/
        --card-footer-bg: #66bb6a;
        --card-header-text: #1b5e20;
        --card-footer-text: #1b5e20;
        --card-body-bg: rgba(76,175,80,0.08);
        --btn-bg: #1b5e20;
        --btn-hover-bg: #2e7d32;
        --btn-text: #66bb6a; /*#fff;*/
        --input-bg: #e8f5e9;
        --input-border: #66bb6a;
        --input-text: #1b5e20;
        --input-placeholder: #388e3c;
        --label-text: #1b5e20;
    }

    body.light-mode[data-scheme="sunset"] {
        --primary: #fff3e0;
        --secondary: #ffe0b2;
        --accent: #ffb74d;
        --highlight: #f57c00;
        --text: #e65100;
        --text-secondary: #ef6c00;
        --card-bg: rgba(255, 152, 0, 0.05);
        --card-header-bg: #ffb74d; /*#fff3e0;*/
        --card-footer-bg: #ffb74d;
        --card-header-text: #e65100;
        --card-footer-text: #e65100;
        --card-body-bg: rgba(255,152,0,0.08);
        --btn-bg: #e65100;
        --btn-hover-bg: #f57c00;
        --btn-text: #fff;
        --input-bg: #fff3e0;
        --input-border: #ffb74d;
        --input-text: #e65100;
        --input-placeholder: #ef6c00;
        --label-text: #e65100;
    }

    body.light-mode[data-scheme="purple"] {
        --primary: #f3e5f5;
        --secondary: #e1bee7;
        --accent: #ba68c8;
        --highlight: #7b1fa2;
        --text: #4a148c;
        --text-secondary: #6a1b9a;
        --card-bg: rgba(156,39,176,0.05);
        --card-header-bg: #ba68c8; /*#f3e5f5;*/
        --card-footer-bg: #ba68c8;
        --card-header-text: #4a148c;
        --card-footer-text: #4a148c;
        --card-body-bg: rgba(156,39,176,0.08);
        --btn-bg: #4a148c;
        --btn-hover-bg: #7b1fa2;
        --btn-text: #fff;
        --input-bg: #f3e5f5;
        --input-border: #ba68c8;
        --input-text: #4a148c;
        --input-placeholder: #6a1b9a;
        --label-text: #4a148c;
    }

    body.light-mode[data-scheme="emerald"] {
        --primary: #e0f2f1;
        --secondary: #b2dfdb;
        --accent: #4db6ac;
        --highlight: #00796b;
        --text: #004d40;
        --text-secondary: #00695c;
        --card-bg: rgba(0,150,136,0.05);
        --card-header-bg: #4db6ac; /*#e0f2f1;*/
        --card-footer-bg: #4db6ac;
        --card-header-text: #004d40;
        --card-footer-text: #004d40;
        --card-body-bg: rgba(0,150,136,0.08);
        --btn-bg: #004d40;
        --btn-hover-bg: #00796b;
        --btn-text: #fff;
        --input-bg: #e0f2f1;
        --input-border: #4db6ac;
        --input-text: #004d40;
        --input-placeholder: #00695c;
        --label-text: #004d40;
    }

    body.light-mode[data-scheme="crimson"] {
        --primary: #fce4ec;
        --secondary: #f8bbd9;
        --accent: #f06292;
        --highlight: #c2185b;
        --text: #880e4f;
        --text-secondary: #ad1457;
        --card-bg: rgba(194,24,91,0.05);
        --card-header-bg: #f06292; /*#fce4ec;*/
        --card-footer-bg: #f06292;
        --card-header-text: #880e4f;
        --card-footer-text: #880e4f;
        --card-body-bg: rgba(194,24,91,0.08);
        --btn-bg: #880e4f;
        --btn-hover-bg: #c2185b;
        --btn-text: #fff;
        --input-bg: #fce4ec;
        --input-border: #f06292;
        --input-text: #880e4f;
        --input-placeholder: #ad1457;
        --label-text: #880e4f;
    }

    body.light-mode[data-scheme="gold"] {
        --primary: #fffde7;
        --secondary: #fff9c4;
        --accent: #ffd54f;
        --highlight: #ff8f00;
        --text: #ff6f00;
        --text-secondary: #ffa000;
        --card-bg: rgba(255,193,7,0.05);
        --card-header-bg: #ffd54f; /*#fffde7;*/
        --card-footer-bg: #ffd54f;
        --card-header-text: #ff6f00;
        --card-footer-text: #ff6f00;
        --card-body-bg: rgba(255,193,7,0.08);
        --btn-bg: #ff6f00;
        --btn-hover-bg: #ff8f00;
        --btn-text: #fff;
        --input-bg: #fffde7;
        --input-border: #ffd54f;
        --input-text: #ff6f00;
        --input-placeholder: #ffa000;
        --label-text: #ff6f00;
    }

    body.light-mode[data-scheme="berry"] {
        --primary: #f3e5f5;
        --secondary: #e1bee7;
        --accent: #ce93d8;
        --highlight: #8e24aa;
        --text: #6a1b9a;
        --text-secondary: #7b1fa2;
        --card-bg: rgba(142,36,170,0.05);
        --card-header-bg: #ce93d8; /*#f3e5f5;*/
        --card-footer-bg: #ce93d8;
        --card-header-text: #6a1b9a;
        --card-footer-text: #6a1b9a;
        --card-body-bg: rgba(142,36,170,0.08);
        --btn-bg: #6a1b9a;
        --btn-hover-bg: #8e24aa;
        --btn-text: #fff;
        --input-bg: #f3e5f5;
        --input-border: #ce93d8;
        --input-text: #6a1b9a;
        --input-placeholder: #7b1fa2;
        --label-text: #6a1b9a;
    }

    body.light-mode[data-scheme="teal"] {
        --primary: #e0f2f1;
        --secondary: #b2dfdb;
        --accent: #26a69a;
        --highlight: #00695c;
        --text: #004d40;
        --text-secondary: #00796b;
        --card-bg: rgba(0,105,92,0.05);
        --card-header-bg: #26a69a; /*#e0f2f1;*/
        --card-footer-bg: #26a69a;
        --card-header-text: #004d40;
        --card-footer-text: #004d40;
        --card-body-bg: rgba(0,105,92,0.08);
        --btn-bg: #1b5e20;
        --btn-hover-bg: #00695c;
        --btn-text: #fff;
        --input-bg: #e0f2f1;
        --input-border: #26a69a;
        --input-text: #004d40;
        --input-placeholder: #00796b;
        --label-text: #004d40;
    }



    /* Theme schemes - Dark mode */
    body.dark-mode[data-scheme="mistleaf"] {
        --primary: #212121; /* Deep charcoal base */
        --secondary: #424242; /* Elevated card contrast */
        --accent: #d4e157; /* Brighter greenyellow pop */
        --highlight: #c0ca33; /* Mid-tone greenyellow */
        --text: var(--text-secondary);
        --text-secondary: #f0f4c3; /* Soft lime glow */
        --card-bg: rgba(158, 158, 158, 0.1); /* Gentle grey wash */
        --card-header-bg: #212121; /* Deep charcoal (primary) */
        --card-footer-bg: #212121; /* #d4e157;  Brighter greenyellow accent */
        --card-header-text: #f0f4c3; /* Soft lime glow */
        --card-footer-text: #f0f4c3; /* Same for footer for harmony */
        --card-body-bg: rgba(158,158,158,0.15);
        --btn-bg: #d4e157;
        --btn-hover-bg: #c0ca33;
        --btn-text: #212121;
        --input-bg: #212121;
        --input-border: #d4e157;
        --input-text: #f0f4c3;
        --input-placeholder: #cfd8dc;
        --label-text: #827717; /*#f0f4c3;*/
    }

    body.dark-mode[data-scheme="nocturne"] {
        --primary: #000000; /* Pure black canvas */
        --secondary: #1b1b1b; /* Slight elevation */
        --accent: #00e676; /* Neon green accent */
        --highlight: #00c853; /* Vivid emerald highlight */
        --text: var(--text-secondary);
        --text-secondary: #b9f6ca; /* Mint glow text */
        --card-bg: rgba(0, 255, 0, 0.05); /* Ethereal green pulse */
        --card-header-bg: #000000; /* Pure black canvas (primary) */
        --card-footer-bg: #00e676; /* Neon green accent */
        --card-header-text: #b9f6ca; /* Mint glow text */
        --card-footer-text: #b9f6ca; /* Same for footer */
        --card-body-bg: rgba(0,255,0,0.15);
        --btn-bg: #00e676;
        --btn-hover-bg: #00c853;
        --btn-text: #000;
        --input-bg: #000000;
        --input-border: #00e676;
        --input-text: #b9f6ca;
        --input-placeholder: #69f0ae;
        --label-text: #b9f6ca;
    }

    body.dark-mode[data-scheme="votex"] {
        --primary: #0d0f1a; /* Near-black indigo */
        --secondary: #00acc1; /* Deep teal */
        --accent: #7b1fa2; /* Dark plasma violet */
        --highlight: #f50057; /* Hot pink */
        --text: #e0f7fa; /* Pale cyan */
        --text-secondary: #90a4ae; /* Muted steel */

        --card-bg: rgba(13, 15, 26, 0.1);
        --card-header-bg: #1a1c2b;
        --card-body-bg: rgba(13, 15, 26, 0.15);
        --card-footer-bg: #7b1fa2;
        --card-header-text: #e0f7fa;
        --card-footer-text: #e0f7fa;
        --btn-bg: #00acc1;
        --btn-hover-bg: #00838f;
        --btn-text: #0d0f1a;
        --input-bg: #1a1c2b;
        --input-border: #00acc1;
        --input-text: #e0f7fa;
        --input-placeholder: #80deea;
        --label-text: #e0f7fa;
    }


    body.dark-mode[data-scheme="ocean"] {
        --primary: #1d2b64;
        --secondary: #2c3e50;
        --accent: #3498db;
        --highlight: #2980b9;
        --text: var(--text-secondary);
        --text-secondary: #bbdefb;
        --card-bg: rgba(13,71,161,0.1);
        --card-header-bg: #1d2b64;
        --card-footer-bg: #3498db;
        --card-header-text: #bbdefb;
        --card-footer-text: #bbdefb;
        --card-body-bg: rgba(13,71,161,0.15);
        --btn-bg: #3498db;
        --btn-hover-bg: #2980b9;
        --btn-text: #fff;
        --input-bg: #1d2b64;
        --input-border: #3498db;
        --input-text: #bbdefb;
        --input-placeholder: #bbdefb;
        --label-text: #bbdefb;
    }

    body.dark-mode[data-scheme="forest"] {
        --primary: #1e3c72;
        --secondary: #2a5298;
        --accent: #2e8b57;
        --highlight: #228b22;
        --text: var(--text-secondary);
        --text-secondary: #c8e6c9;
        --card-bg: rgba(27,94,32,0.1);
        --card-header-bg: #1b5e20;
        --card-footer-bg: #66bb6a;
        --card-header-text: #c8e6c9;
        --card-footer-text: #c8e6c9;
        --card-body-bg: rgba(27,94,32,0.15);
        --btn-bg: #c8e6c9;  /*#66bb6a;*/
        --btn-hover-bg: #2e7d32;
        --btn-text: #66bb6a; /*#1b5e20;*/
        --input-bg: #1b5e20;
        --input-border: #66bb6a;
        --input-text: #c8e6c9;
        --input-placeholder: #a5d6a7;
        --label-text: #1b5e20; /*#c8e6c9;*/
    }

    body.dark-mode[data-scheme="sunset"] {
        --primary: #ff6b6b;
        --secondary: #ffa726;
        --accent: #ff8a65;
        --highlight: #ff5722;
        --text: var(--text-secondary);
        --text-secondary: #ffe0b2;
        --card-bg: rgba(230, 81, 0, 0.1);
        --card-bg: rgba(229,81,0,0.1);
        --card-footer-bg: #ffb74d;
        --card-header-text: #ffe0b2;
        --card-footer-text: #ffe0b2;
        --card-body-bg: rgba(229,81,0,0.15);
        --btn-bg: #ffb74d;
        --btn-hover-bg: #f57c00;
        --btn-text: #e65100;
        --input-bg: #e65100;
        --input-border: #ffb74d;
        --input-text: #ffe0b2;
        --input-placeholder: #ffcc80;
        --label-text: #ffe0b2;
    }

    body.dark-mode[data-scheme="purple"] {
        --primary: #6a11cb;
        --secondary: #2575fc;
        --accent: #8e44ad;
        --highlight: #9b59b6;
        --text: var(--text-secondary);
        --text-secondary: #ce93d8;
        --card-bg: rgba(74,20,140,0.1);
        --card-header-bg: #4a148c;
        --card-footer-bg: #ba68c8;
        --card-header-text: #e1bee7;
        --card-footer-text: #e1bee7;
        --card-body-bg: rgba(74,20,140,0.15);
        --btn-bg: #ba68c8;
        --btn-hover-bg: #7b1fa2;
        --btn-text: #4a148c;
        --input-bg: #4a148c;
        --input-border: #ba68c8;
        --input-text: #e1bee7;
        --input-placeholder: #ce93d8;
        --label-text: #e1bee7;
    }

    body.dark-mode[data-scheme="emerald"] {
        --primary: #11998e;
        --secondary: #38ef7d;
        --accent: #1abc9c;
        --highlight: #16a085;
        --text: var(--text-secondary);
        --text-secondary: #b2dfdb;
        --card-bg: rgba(0,77,64,0.1);
        --card-header-bg: #004d40;
        --card-footer-bg: #4db6ac;
        --card-header-text: #b2dfdb;
        --card-footer-text: #b2dfdb;
        --card-body-bg: rgba(0,77,64,0.15);
        --btn-bg: #4db6ac;
        --btn-hover-bg: #00796b;
        --btn-text: #004d40;
        --input-bg: #004d40;
        --input-border: #4db6ac;
        --input-text: #b2dfdb;
        --input-placeholder: #80cbc4;
        --label-text: #b2dfdb;
    }

    body.dark-mode[data-scheme="crimson"] {
        --primary: #642b73;
        --secondary: #c6426e;
        --accent: #e74c3c;
        --highlight: #c0392b;
        --text: var(--text-secondary);
        --text-secondary: #f8bbd9;
        --card-bg: rgba(136,14,79,0.1);
        --card-header-bg: #880e4f;
        --card-footer-bg: #f06292;
        --card-header-text: #f8bbd9;
        --card-footer-text: #f8bbd9;
        --card-body-bg: rgba(136,14,79,0.15);
        --btn-bg: #f06292;
        --btn-hover-bg: #c2185b;
        --btn-text: #880e4f;
        --input-bg: #880e4f;
        --input-border: #f06292;
        --input-text: #f8bbd9;
        --input-placeholder: #f48fb1;
        --label-text: #f8bbd9;
    }

    body.dark-mode[data-scheme="gold"] {
        --primary: #f46b45;
        --secondary: #eea849;
        --accent: #f39c12;
        --highlight: #eea849; /*#e67e22;*/
        --text: var(--text-secondary);
        --text-secondary: #ff6f00; /*#fff9c4;*/
        --card-bg: rgba(255,111,0,0.1);
        --card-header-bg: #ff6f00;
        --card-footer-bg: #ffd54f;
        --card-header-text: #fff9c4;
        --card-footer-text: #fff9c4;
        --card-body-bg: rgba(255,111,0,0.15);
        --btn-bg: #ffd54f;
        --btn-hover-bg: #ff8f00;
        --btn-text: #ff6f00;
        --input-bg: #ff6f00;
        --input-border: #ffd54f;
        --input-text: #fff9c4;
        --input-placeholder: #fff59d;
        --label-text: #fff9c4;
    }

    body.dark-mode[data-scheme="berry"] {
        --primary: #8e2de2;
        --secondary: #4a00e0;
        --accent: #9c27b0;
        --highlight: #8e24aa;
        --text: var(--text-secondary);
        --text-secondary: #ce93d8;
        --card-bg: rgba(106,27,154,0.1);
        --card-header-bg: #6a1b9a;
        --card-footer-bg: #ce93d8;
        --card-header-text: #e1bee7;
        --card-footer-text: #e1bee7;
        --card-body-bg: rgba(106,27,154,0.15);
        --btn-bg: #ce93d8;
        --btn-hover-bg: #8e24aa;
        --btn-text: #6a1b9a;
        --input-bg: #6a1b9a;
        --input-border: #ce93d8;
        --input-text: #e1bee7;
        --input-placeholder: #d1c4e9;
        --label-text: #e1bee7;
    }

    body.dark-mode[data-scheme="teal"] {
        --primary: #00416a;
        --secondary: #799f0c;
        --accent: #00796b;
        --highlight: #004d40;
        --text: var(--text-secondary);
        --text-secondary: #b2dfdb;
        --card-bg: rgba(0,77,64,0.1);
        --card-header-bg: #004d40;
        --card-footer-bg: #26a69a;
        --card-header-text: #b2dfdb;
        --card-footer-text: #b2dfdb;
        --card-body-bg: rgba(0,77,64,0.15);
        --btn-bg: #26a69a;
        --btn-hover-bg: #00796b;
        --btn-text: #004d40;
        --input-bg: #004d40;
        --input-border: #26a69a;
        --input-text: #b2dfdb;
        --input-placeholder: #80cbc4;
        --label-text: #b2dfdb;
    }