:root {
    --bs-color-main: #086c67;
    --bs-color-second: #D8AE5E;

    --bs-font-family: 'Verdana', Arial, Helvetica, sans-serif;
    --bs-font-main-color: #333;
    --bs-font-text-headers-main-color: var(--bs-font-main-color);

    --bs-border-radius: 0.625em;

    --bs-link-color: var(--bs-color-main);
    --bs-link-hover-color: var(--bs-color-second);
    --bs-link-text-decoration: none;
    --bs-button-hover-background: var(--bs-color-second);

    --bs-hero-image-filter: brightness(85%);
    --bs-hero-margin-top: 6em;

    --bs-criteria-background: var(--bs-color-main);
    --bs-footer-background: var(--bs-color-main);
    --bs-swiper-background-odd: oklch(from var(--bs-color-main-background) 98% 0.02 h);
    --bs-swiper-background-even: oklch(from var(--bs-color-second) calc(l + 1) calc(c - 0.06) h);

    --logo-width: clamp(6em, 45%, 10em);
    --logo-width-mobile: 8em;

    --bs-top-position-heroText-mobile: 6.5rem;
}

.selection .button {
    background: var(--bs-color-invert);
    color: var(--bs-font-main-color);

    &:hover {
        background: var(--bs-button-hover-background);
        color: var(--bs-font-main-color);
    }
}

.fpm .bs.bs-variable-2 select {
    line-height: 1.2em;
}