:root {
    --header-height: 64px;
    --color-dark: #1F1F29;
    --color-light: #fff;
    --color-danger: #E5002C;
    --font-family-base: 'Fixel Variable', sans-serif;
    --basic-padding: clamp(5px, calc((100vw - 353px) / 2), 20px);
    --hover-gradient: linear-gradient(225deg, #30B2FD 0%, #7570FF 100%);
    --gradient-light: linear-gradient(0deg, rgba(255, 255, 255, 0.88),
                    rgba(255, 255, 255, 0.88)),
                      var(--hover-gradient);
    --gradient-red: linear-gradient(0deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)),
                    linear-gradient(225deg, #FC6F03 0%, #FD5B49 100%);
    --black-white-gradient: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    --transition-time: .2s;
    --border-radius: 1rem;
    --rounded-box-padding: clamp(1.25rem, 0.446vw + 0.964rem, 1.375rem);
    --rounded-box-negative-offset: calc(var(--rounded-box-padding) * -1);
    --footer-base-value: clamp(3rem, 1.786vw + 1.855rem, 4rem);
    --section-mtop-desktop: 12.5rem;
    --roadmap-btn-width: 214px;
    --theme-color: var(--color-dark);
}