/* Root variables for consistent theming */
:root {
    /* cards */
    --main-card: rgba(255, 255, 255, 0.98);
    --secondary-cards: #ffffff;
    --wwo-mini-card: #e5dff2;
    --login-card: #dfd0ff;
    --red-card: #fdc6c6;
    --green-card: #d4fbcd;
    --dashboard-main-card: rgba(248, 248, 248, 0.92);

    /* headings */
    --main-headding: #7C3AED;
    --sub-heading: #040404;

    /* backgrounds */
    --nav-bg: #ffffff;
    --carrousel-arrow-bg: #ffffff;
    --gallery-toogle-selected-bg: #7C3AED;
    --gallery-toogle-unselected-bg: #e5d1ff;
    --red-card-bg: rgba(255, 174, 174, 0.91);
    --form-input-bg: #ffffff;
    --message-header-bg: #939393;

    /* buttons */
    --purple-button-bg: #7C3AED;
    --purple-button-text: #ffffff;
    --red-button-bg: #dc2626;
    --red-button-text: #ffffff;
    --green-button: #16cc65;


    /* text */
    --nav-text: #25272c;
    --normal-text: #000000;
    --form-input-text: #000000;
    --red-card-text: #000000;
    --table-text: #3c3c3c;
    --dashboard-text: #2b2b2b;
    --nav-text-disabled: #3e3e3e;
    --green-text: #06c158;
    --wwo-mini-card-text: #171717;
    --table-text-hover: rgb(0, 0, 0);
    --gallery-toogle-selected-text: #ffffff;
    --gallery-toogle-unselected-text: #121212;
    --table-coming-soon-text: #7a7a7a;
    --contact-form-subtext: #6d7373;

   /* colors, hints, hovers, filters, etc */
    --map-hint: #454545;
    --ticket-link: #0054ff;
    --table-header: rgb(184, 144, 253);
    --table-hover: rgba(221, 200, 255, 0.73);
    --gallery-filter: #7C3AED;
    --contact-form-label: #000000;
    --form-placeholder: #4c4c4c;
    --form-input-border: #000000;
    --red-heading: #dc2626;
    --card-border: #cccccc;
    --card-shadow: #d6d6d6;
    --click-to-edit: #a2addf;
    --message-box: #B8B8B8;
    --green-slice: #06c158;
    --red-slice: #ff0000;
    --edit-card-border: #a2addf;
    --carrousel-arrow: #7b3aeb;
}

/* Dark mode theme overrides */
body.dark{
    --message-header-bg: #575656;
    --message-box: #8c8c8c;
    --dashboard-text: #dcdcdc;
    --click-to-edit: #cdd3ff;
    --nav-bg: #151515;
    --nav-text: #ffffff;
    --main-card: rgba(37, 37, 37, 0.98);
    --secondary-cards: #2c2c2c;
    --main-headding: #7C3AED;
    --sub-heading: #ffffff;
    --carrousel-arrow-bg: #2c2c2c;
    --carrousel-arrow: #7b3aeb;
    --normal-text: #ffffff;
    --login-card: #c8bdea;
    --wwo-mini-card: rgba(179, 157, 237, 0.91);
    --wwo-mini-card-text: #171717;
    --map-hint: #ffffff;
    --ticket-link: #0054ff;
    --table-header: rgba(187, 148, 255, 0.9);
    --table-hover: rgb(199, 188, 221);
    --table-text-hover: rgb(51, 51, 51);
    --dashboard-main-card: #3E3E3E;
    --nav-text-disabled: #acacac;
    --green-button: #16cc65;
    --green-slice: #16cc65;
    --red-card: #fab6b6;

    --edit-card-border: #cdd3ff;
    
    --green-card: #d4fbcd;
    --red-slice: #ff0040;
    --green-text: #16cc65;
    
    --gallery-toogle-selected-bg: #7C3AED;
    --gallery-toogle-selected-text: #ffffff;
    --gallery-toogle-unselected-bg: #e5d1ff;
    --gallery-toogle-unselected-text: #121212;
    
    --gallery-filter: #7C3AED;
    
    --contact-form-subtext: #ececec;
    --contact-form-label: #ffffff;
    --form-placeholder: #e3dfdf;
    --form-input-text: #ffffff;
    --form-input-bg: #353333;
    --form-input-border: #7b3aeb;
    
    --purple-button-bg: #7C3AED;
    --purple-button-text: #ffffff;
    --red-button-bg: #dc2626;
    --red-button-text: #ffffff;
    --red-card-bg: rgba(255, 174, 174, 0.91);
    --red-card-text: #000000;
    --red-heading: #dc2626;
    --card-border: rgba(255, 255, 255, 0);
    --card-shadow: #2b2b2b;
    --table-text: #efefef;
    --table-coming-soon-text: #b5b5b5;
}