/* Override Bootstrap variables for light theme */
:root,
/* Custom theme overrides for light mode */
[data-bs-theme=light] {
    /* Replace blue tones with your primary green */
    --bs-primary: #124944; /* Primary base color */
    --bs-primary-active: #0a3331; /* Active state darker green */
    --bs-primary-light: #d5ebe8; /* Light shade of primary */
    --bs-primary-inverse: #ffffff; /* Inverse for contrast */
    --bs-primary-clarity: rgba(18, 73, 68, 0.2); /* Clarity for transparency effects */

    /* Replace link-related colors */
    --bs-text-primary: #124944;
    --bs-link-color: #124944; /* Link color */
    --bs-link-hover-color: #0a3331; /* Hover color for links */
    --bs-link-color-rgb: 18, 73, 68;

    /* Replace menu and hover-related colors */
    --bs-menu-link-color-hover: #124944;
    --bs-menu-link-color-show: #124944;
    --bs-menu-link-color-here: #124944;
    --bs-menu-link-color-active: #124944;

    /* Replace subtle backgrounds and borders */
    --bs-primary-bg-subtle: #eaf5f4; /* Subtle green background */
    --bs-primary-border-subtle: #9ac3be; /* Subtle green border */

    /* Replace hover background for menu links */
    --bs-menu-link-bg-color-hover: #f4f9f8;
    --bs-menu-link-bg-color-show: #f4f9f8;
    --bs-menu-link-bg-color-here: #f4f9f8;
    --bs-menu-link-bg-color-active: #f4f9f8;

    /* Replace component-related hover colors */
    --bs-component-hover-color: #124944;
    --bs-component-hover-bg: #d5ebe8;

    /* Button adjustments */
    --bs-component-active-color: #ffffff; /* Button active text */
    --bs-component-active-bg: #124944; /* Button active background */
    --bs-component-checked-color: #ffffff; /* Checked button text */
    --bs-component-checked-bg: #124944; /* Checked button background */
}