:root {
    --gap-s: 1.75rem;
    --gap-m: 5.625rem;
    --gap-l: 10rem;
    --gap-xl: 12.5rem;
    --gap-xxl: 21.875rem;

    --corner-radius-button: 2.375rem;
    --corner-radius-card: 0.875rem;
    --shadow-blur: 1.563rem;

    --header-height: 70px;

    --breakpoint-m: 991px;
    @media (max-width: 991px) {
        --gap-s: var(--gap-s);
        --gap-m: 2.25rem;
        --gap-l: 5.625rem;
    }
}

.corner-radius-button { border-radius: var(--corner-radius-button); }
.corner-radius-card { border-radius: var(--corner-radius-card); }