:root {
    --color-text-primary: #292D32;
    --color-button-border: #e2e2e2;
    --color-link-blue: #6CC9F2;

    --color-light-grey: #E2E2E2;
    --color-dark-grey: #919396;
    --color-green: #00A339;
    --color-blue: #6CC9F2;

    --font-size-h1: 32px;
    --font-size-base: 16px;
}

.visually-hidden {
    display: none;
}

.css-spinner {
    width: 40px;
    height: 40px;
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-top-color: #000;
    border-radius: 50%;
    animation: spinner-rotate 0.8s linear infinite;
}

@keyframes spinner-rotate {
    to {
        transform: rotate(360deg);
    }
}