/* colors.css */

:root {
    /* Dark Mode Colors */
    --bg-color: #023530; /* Example color for dark mode */
    --text-titles: #9f8151; /* Example color for dark mode */
    --text-p: #ebe1cf;
    --test-color: red;
    --home-slider-text: #ebe1cf;
    --course-description: #023530;
    --logo-url: url("../images/logo.png");
    --profile-table: #ebe1cf;
    --profile-odd: #023530;
    --course-detail-heading: #ebe1cf;
    --courses-description: #023530;
    --detail-heading: #9f8151;

    /* Add other dark mode colors */
}

.dark-mode {
    /* Light Mode Colors */
    --bg-color: #ebe1cf; /* Example color for light mode */
    --text-titles: #9f8151; /* Example color for light mode */
    --text-p: #023530;
    --home-slider-text: #ebe1cf;
    --course-description: #ebe1cf;
    --profile-table: #023530;
    --profile-odd: #ebe1cf;
    --logo-url: url("../images/logo-light.png");
    --course-detail-heading: #023530;
    --courses-description: #9f8151;
    --detail-heading: #023530;

    /* Add other light mode colors */
}