/*Material Bootstrap color scheme*/
html.dark-mode {
    color-scheme: dark;

    /* Background / page / body */
    --mdb-body-bg: #121212;
    --mdb-body-color: #E0E0E0;

    /* Surfaces / cards, panels etc. */
    --mdb-surface-bg: #1E1E1E;
    --mdb-surface-color: #E0E0E0;

    /* Borders, dividers */
    --mdb-border-color: #333333;

    /* Text emphasis, headings, muted text */
    --mdb-text-emphasis: #FAFAFA;
    --mdb-text-primary: #E0E0E0;
    --mdb-text-secondary: #B0B0B0;
    --mdb-text-muted: #888888;

    /* 🌿 Primary green palette */
    --mdb-primary: #4CAF50;
    /* main green */
    --mdb-primary-rgb: 76, 175, 80;

    /* Optional accent (lighter green instead of teal) */
    --mdb-secondary: #81C784;
    --mdb-secondary-rgb: 129, 199, 132;

    /* Other utility colors (shifted toward green where sensible) */
    --mdb-success: #66BB6A;
    /* lighter success green */
    --mdb-danger: #E57373;
    /* soft red for errors */
    --mdb-warning: #FFD54F;
    /* warm amber for warnings */
    --mdb-info: #4DB6AC;
    /* tealish-green for info */

    /* Component / background shadows etc. */
    --mdb-dropdown-bg: #2B2B2B;
    --mdb-modal-bg: #1F1F1F;

    /* Form inputs etc. */
    --mdb-form-control-bg: #2A2A2A;
    --mdb-form-control-color: #E0E0E0;
    --mdb-form-control-border-color: #444444;

    /* Buttons (light text on dark, green hover) */
    --mdb-btn-bg: var(--mdb-primary);
    --mdb-btn-color: #FFFFFF;
    --mdb-btn-border-color: var(--mdb-primary);
    --mdb-btn-hover-bg: #388E3C;
    /* darker green on hover */
    --mdb-btn-hover-border-color: #388E3C;

    /* Tables */
    --mdb-table-bg: #1E1E1E;
    --mdb-table-border-color: #444444;
    --mdb-table-striped-bg: #2A2A2A;

    /* Scrollbars */
    --mdb-scrollbar-bg: #2B2B2B;
    --mdb-scrollbar-thumb-bg: #4CAF50;
    /* green scrollbar thumb */
}

/*LIGHT MODE*/
html:not(.dark-mode) {
    color-scheme: light;

    /* Background / page / body */
    --mdb-body-bg: #FFFFFF;
    --mdb-body-color: #212121;

    /* Surfaces / cards, panels etc. */
    --mdb-surface-bg: #F9F9F9;
    --mdb-surface-color: #212121;

    /* Borders, dividers */
    --mdb-border-color: #DDDDDD;

    /* Text emphasis, headings, muted text */
    --mdb-text-emphasis: #111111;
    --mdb-text-primary: #212121;
    --mdb-text-secondary: #555555;
    --mdb-text-muted: #888888;

    /* 🌿 Primary green palette */
    --mdb-primary: #4CAF50;
    /* main green */
    --mdb-primary-rgb: 76, 175, 80;

    --mdb-secondary: #81C784;
    --mdb-secondary-rgb: 129, 199, 132;

    /* Utility colors */
    --mdb-success: #388E3C;
    /* darker green for success */
    --mdb-danger: #D32F2F;
    /* strong red */
    --mdb-warning: #F57C00;
    /* vivid amber */
    --mdb-info: #00796B;
    /* teal-green */

    /* Component / background shadows etc. */
    --mdb-dropdown-bg: #FFFFFF;
    --mdb-modal-bg: #FAFAFA;

    /* Form inputs */
    --mdb-form-control-bg: #FFFFFF;
    --mdb-form-control-color: #212121;
    --mdb-form-control-border-color: #CCCCCC;

    /* Buttons */
    --mdb-btn-bg: var(--mdb-primary);
    --mdb-btn-color: #FFFFFF;
    --mdb-btn-border-color: var(--mdb-primary);
    --mdb-btn-hover-bg: #388E3C;
    --mdb-btn-hover-border-color: #388E3C;

    /* Tables */
    --mdb-table-bg: #FFFFFF;
    --mdb-table-border-color: #DDDDDD;
    --mdb-table-striped-bg: #F5F5F5;

    /* Scrollbars */
    --mdb-scrollbar-bg: #EEEEEE;
    --mdb-scrollbar-thumb-bg: #4CAF50;
}