:root {
    --amos-white: #fff;
    --amos-gray-100: #f6f9fc;
    --amos-gray-200: #e9ecef;
    --amos-gray-300: #dee2e6;
    --amos-gray-400: #ced4da;
    --amos-gray-500: #adb5bd;
    --amos-gray-600: #8898aa;
    --amos-gray-700: #525f7f;
    --amos-gray-800: #32325d;
    --amos-gray-900: #212529;
    --amos-black: #000;
    --amos-blue: #5e72e4;
    --amos-indigo: #5603ad;
    --amos-indigo-bright: #ad00a5;
    --amos-purple: #8965e0;
    --amos-pink: #f3a4b5;
    --amos-red: #f5365c;
    --amos-orange: #fb6340;
    --amos-yellow: #ffcc01;
    --amos-green: #2dce89;
    --amos-teal: #11cdef;
    --amos-cyan: #2bffc6;
    --amos-default: #172b4d;
    --amos-primary: #3b56a0;
    --amos-secondary: #f7fafc;
    --amos-success: var(--amos-green);
    --amos-info: var(--amos-teal);
    --amos-warning: var(--amos-orange);
    --amos-danger: var(--amos-red);
    --amos-light: var(--amos-gray-500);
    --amos-lighter: var(--amos-gray-200);
    --amos-dark: var(--amos-gray-900);
    --amos-dashboard: var(--amos-primary);
    --amos-contact: #0197f4ff;
    --amos-events: #09be8bff;
    --amos-appointments: #2dc6ce;
    --amos-resources: #e5c893;
    --amos-accounting: #ad00a5;
    --amos-memberships: #674aab;
    --amos-fundraising: #f688d9;
    --amos-newsletter: #ee5972;
    --amos-subscription: #f58240;
    --amos-messages: #ffc757ff;
    --amos-settings: #2b2b2bff;
    --amos-system: #ef3e36ff;


    --amos-body-bg: #f8f9fe;
    --amos-body-color: var(--amos-gray-700);
}

html {
    scroll-behavior: smooth;
    color: var(--amos-body-color);
    background-color: var(--amos-body-bg);
}

.logo {
    width: 50%;
    margin-inline: auto;
    padding-top: 25px !important;
}

.tocify-wrapper {
    background-color: var(--amos-gray-900);
}

.tocify-wrapper > .search input {
    background-color: var(--amos-gray-900);
    color: var(--amos-white);
    border-color: var(--amos-gray-800);
}

.content {
    h1 {
        background: var(--amos-white);
    }

    aside {
        font-size: smaller;
        background-color: var(--amos-gray-900);
        color: var(--amos-gray-100);
    }

    .annotation {
        background: var(--amos-black);
    }

    blockquote, pre {
        background: var(--amos-black);

        p {
            background-color: var(--amos-gray-900);
            color: var(--amos-white);
            border: none;
        }
    }

}

.page-wrapper {
    background-color: var(--amos-body-bg);

    .dark-box {
        background-color: var(--amos-gray-900);
    }


    .lang-selector {
        background-color: var(--amos-black);
        border-bottom: 5px solid var(--amos-gray-900);

        button.active {
            background-color: var(--amos-gray-900);
            color: var(--amos-white);
        }
    }
}

* {
    scrollbar-color: var(--amos-gray-500) var(--amos-gray-900);
}

.badge {
    padding: 3px 10px;
}

.badge.badge-darkred {
    background-color: var(--amos-system);
    color: var(--amos-white);
}

.badge.badge-green {
    background-color: var(--amos-events);
    color: var(--amos-white);
}

.fancy-heading-panel {
    background-color: var(--amos-gray-200);
    color: var(--amos-gray-900);
    text-shadow: none !important;
}