:root {
    --bs-primary-base: oklch(74.4% 0.123 182.5deg);;
    --bs-primary-focus-ring: light-dark(color-mix(in oklch, var(--bs-primary-base) 50%, var(--bs-bg-body)), color-mix(in oklch, var(--bs-primary-base) 70%, var(--bs-bg-body)));
}

.menu-item.active, .menu-item:active {
    color: var(--bs-theme-contrast, #000000);
    background-color: var(--bs-theme-bg, var(--bs-primary-base));
}

.logo {
    margin-bottom: 30px;
}

.logo svg {
    display: block;
    width: 60%;
    height: 100%;
    margin: 0 auto;

    color: #14B8A6;
    fill: #14B8A6;
    stroke: #14B8A6;
}
.btn-site {
    --bs-btn-bg: #14B8A6;
    --bs-btn-color: #fffffF;
    --bs-btn-border-color: #049a8a;
    --bs-btn-active-bg: oklch(from var(--bs-theme-bg) calc(l * .9) calc(c * 1.15) h);
    --bs-btn-active-border-color: oklch(from var(--bs-theme-bg) calc(l * .9) calc(c * 1.15) h);
    --bs-btn-active-color: oklch(from var(--bs-theme-contrast) calc(l * .9) calc(c * 1.15) h);
    --bs-btn-disabled-bg: var(--bs-theme-bg);
    --bs-btn-disabled-color: var(--bs-theme-contrast);
    --bs-btn-disabled-border-color: var(--bs-theme-bg);
}
.btn-site{
    background-color: var(--bs-btn-bg, var(--bs-bg-2));
    border-color: var(--bs-btn-border-color);
}
.btn-site:hover{
    background-color: var(--bs-btn-border-color, var(--bs-bg-2));
    border-color: var(--bs-btn-border-color);
}