:root {
    --ifm-color-primary: #2e8555;
    --ifm-color-primary-dark: #29784c;
    --ifm-color-primary-darker: #277148;
    --ifm-color-primary-darkest: #205d3b;
    --ifm-color-primary-light: #33925d;
    --ifm-color-primary-lighter: #359962;
    --ifm-color-primary-lightest: #3cad6e;
    --ifm-code-font-size: 95%;
    --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
}

[data-theme='dark'] {
    --ifm-color-primary: #25c2a0;
    --ifm-color-primary-dark: #21af90;
    --ifm-color-primary-darker: #1fa588;
    --ifm-color-primary-darkest: #1a8870;
    --ifm-color-primary-light: #29d5b0;
    --ifm-color-primary-lighter: #32d8b4;
    --ifm-color-primary-lightest: #4fddbf;
    --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
}

    /* Sidebar and Aside background color in dark mode */
    [data-theme='dark'] .menu__list,
    [data-theme='dark'] aside {
        background-color: #242526 !important; /* Dark background color */
    }

        /* Sidebar and Aside item text color in dark mode */
        [data-theme='dark'] .menu__link,
        [data-theme='dark'] aside .menu__link {
            color: #ffffff !important; /* Light text color */
        }

            /* Optional: Change hover color in dark mode */
            [data-theme='dark'] .menu__link:hover,
            [data-theme='dark'] aside .menu__link:hover {
                color: #00ae42 !important; /* Example hover color */
            }

    [data-theme='dark'] .menu__list {
        border-right: 1px solid #242526 !important; /* Dark color for the right border */
    }

    [data-theme='dark'] aside {
        border-right: 1px solid #242526 !important; /* Ensures the aside has a dark right border */
    }


.footer {
    background-color: #681e35 !important;
    color: white; /* Optional: To ensure text is readable */
}

.leader-photo {
    width: 150px;
    height: auto;
}

.badge-icon {
  width: 64px;   /* tweak as needed */
  height: auto;  /* keep aspect ratio */
}

aside {
    height: auto !important;
}