/* BEN-THEMING BEGIN */
:root {
    /* Green-Forest Theme */
    --green-forest-base: #1f7a1f;
    --green-forest-inactive: #479e47;
    --green-forest-hover: #165e16;
    --green-forest-active-text: #1f7a1f;
    --green-forest-active-text-hover: #0d3d0d;
}

:root {
    /* Red-Volcano Theme */
    --red-volcano-base: #b42b2b;
    --red-volcano-inactive: #d65c5c;
    --red-volcano-hover: #8e1c1c;
    --red-volcano-active-text: #b42b2b;
    --red-volcano-active-text-hover: #6a0e0e;
}

:root {
    /* Purple-Grape Theme */
    --purple-grape-base: #6a1b9a;
    --purple-grape-inactive: #9c4dcc;
    --purple-grape-hover: #571580;
    --purple-grape-active-text: #6a1b9a;
    --purple-grape-active-text-hover: #420f60;
}

:root {
    /* Orange-Sunset Theme */
    --orange-sunset-base: #d95400;
    --orange-sunset-inactive: #ff7d33;
    --orange-sunset-hover: #a64100;
    --orange-sunset-active-text: #d95400;
    --orange-sunset-active-text-hover: #732d00;
}

:root {
    /* Teal-Ocean Theme */
    --teal-ocean-base: #008080;
    --teal-ocean-inactive: #00aaaa;
    --teal-ocean-hover: #006666;
    --teal-ocean-active-text: #008080;
    --teal-ocean-active-text-hover: #004d4d;
}

:root {
    /* Yellow-Mustard Theme */
    --yellow-mustard-base: #b8860b;
    --yellow-mustard-inactive: #d6ad49;
    --yellow-mustard-hover: #8a6408;
    --yellow-mustard-active-text: #b8860b;
    --yellow-mustard-active-text-hover: #5c4305;
}

:root {
    /* Brown-Chocolate Theme */
    --brown-chocolate-base: #5d4037;
    --brown-chocolate-inactive: #8d6e63;
    --brown-chocolate-hover: #4a332c;
    --brown-chocolate-active-text: #5d4037;
    --brown-chocolate-active-text-hover: #3e2723;
}

:root {
    /* Dark-Midnight Theme */
    --dark-midnight-base: #212121;
    --dark-midnight-inactive: #424242;
    --dark-midnight-hover: #000000;
    --dark-midnight-active-text: #212121;
    --dark-midnight-active-text-hover: #000000;
}

:root {
    /* Peacock-Blue Theme */
    --peacock-blue-base: #009688;
    --peacock-blue-inactive: #4db6ac;
    --peacock-blue-hover: #00796b;
    --peacock-blue-active-text: #009688;
    --peacock-blue-active-text-hover: #004d40;
}

:root {
    /* Pink-Fuschia Theme */
    --pink-fuschia-base: #ad1457;
    --pink-fuschia-inactive: #e91e63;
    --pink-fuschia-hover: #880e4f;
    --pink-fuschia-active-text: #ad1457;
    --pink-fuschia-active-text-hover: #6c0c3e;
}

:root {
    /* Purple-Grape Theme */
    --purple-grape-base: #6a1b9a;
    --purple-grape-inactive: #9c4dcc;
    --purple-grape-hover: #571580;
    --purple-grape-active-text: #6a1b9a;
    --purple-grape-active-text-hover: #420f60;
}

:root {
    /* Mint-Green Theme (Vert Menthe Pâle) */
    --mint-green-base: #66bb6a; /* Couleur de base, légèrement foncée pour le contraste */
    --mint-green-inactive: #98ee99; /* Couleur pour les éléments inactifs, plus claire */
    --mint-green-hover: #4c8c4f; /* Couleur pour le survol, plus foncée */
    --mint-green-active-text: #66bb6a;
    --mint-green-active-text-hover: #38673b;
}

:root {
    --argyl-base: #024f3a;
    --argyl-inactive: #03644a;
    --argyl-hover: #003e49;
    --argyl-active-text: #00555a;
    --argyl-active-text-hover: #03644a;
}

/* Exemple: to use 
    .main-content-container.topnav-dashboard,
    .main-content-container.topnav-inbound,
    .main-content-container.topnav-outbound,
    .main-content-container.topnav-requests {
        --main-color: var(--argyl-base);
        --inactive-color: var(--argyl-inactive);
        --hover-color: var(--argyl-hover);
        --active-text-color: var(--argyl-active-text);
        --active-text-hover-color: var(--argyl-active-text-hover);
    } */

/* BEN-THEMING END */