:root {
    --bs-color-main: #36A9E1;
    --bs-color-second: #008D36;

    --bs-font-family: 'Avenir', 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: 7em;
    --logo-width-mobile: 8em;

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