:root {
    --fz-h1: 1.875rem;
    --fz-h2: 1.625rem;
    --fz-h3: 1.5rem;
    --fz-h4: 1.25rem;
    --fz-h5: 1.125rem;
    --fz-body: 1rem;
    --fz-body-bold: 1rem;
    --fz-button: 1rem;
    --fz-description: .75rem;

    --color-white: #fff;
    --color-card-white: #F1F2F5;
    --color-dark: #03141A;
    --color-gray: #767676;
    --color-light-gray: #D9D9D9;
    --color-background: #ECF3FF;
    --color-icon: #000B0F;
    --swiper-pagination-color: var(--color-gradient);
    --swiper-pagination-bullet-inactive-color: var(--color-violet-20);
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 0.5rem;

    --color-gradient: radial-gradient(131.36% 94.52% at 100% 1.5%, #6AC3CB 0%, #2F79DE 24.52%, #2F3EF8 48.08%, #5B14FF 65.87%, #7900FF 100%);
    --color-gradient-hover: radial-gradient(120.31% 86.58% at 3.59% 100%, #6AC3CB 0%, #2F79DE 24.52%, #2F3EF8 48.08%, #5B14FF 65.87%, #7900FF 100%);
  
    --color-blue-10: #DCEAFF;
    --color-blue-20: #C0D6FF;
    --color-blue-30: #9BBAFF;
    --color-blue-40: #7392FF;
    --color-blue-50: #526DFF;
    --color-blue-60: #2F3EF8;

    --color-violet-10: #E8E4FF;
    --color-violet-20: #D3CDFF;
    --color-violet-30: #B3A6FF;
    --color-violet-40: #8F73FF;
    --color-violet-50: #6D3BFF; 
    --color-violet-60: #5B14FF;

    --color-light-blue-10: #DDEDFC; 
    --color-light-blue-20: #C3E1FA;
    --color-light-blue-30: #9ACFF6;
    --color-light-blue-40: #6AB5F0;
    --color-light-blue-50: #4797EA;
    --color-light-blue-60: #2F79DE;

    --space-container: 1rem;
    --space-section: 4rem;
    --space-title: 2rem;
    --header-height: 4rem;
    --card-border-radius: 1rem;

    --header-icon-size: 3rem;
    --card-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.10);
    --hover-transition: all 0.3s ease-out;
/* 
    --drop-shadow: 0 4px 16px 0 rgba(0,0,0,0.1); */
}
@media screen and (min-width: 376px) {
    :root {
        --fz-h1: 2.25rem;
        --fz-h2: 1.875rem;
        --fz-h3: 1.625rem;
        --fz-h4: 1.375rem;
        --fz-h5: 1.125rem;
        --fz-body: .75rem;
        --fz-body-bold: .8125rem;
        --fz-button: .9375rem;
        --fz-description: .6875rem;
        /* --space-container: 2rem; */
        --space-section: 5.25rem;
    }
}

@media screen and (min-width: 769px) {
    :root {
        --fz-h1: 2.75rem;
        --fz-h2: 2rem;
        --fz-h3: 1.75rem;
        --fz-h4: 1.5rem;
        --fz-h5: 1.25rem;
        --fz-body: .75rem;
        --fz-body-bold: .9375rem;
        --fz-button: 1rem;
        --fz-description: .6875rem;
        --space-container: 2rem;
        --space-section: 5.25rem;
    }
}

@media screen and (min-width: 1025px) {
    :root {
        --fz-h1: 3rem;
        --fz-h2: 2.25rem;
        --fz-h3: 1.875rem;
        --fz-h4: 1.625rem;
        --fz-h5: 1.25rem;
        --fz-body: .75rem;
        --fz-body-bold: .9375rem;
        --fz-button: 1rem;
        --fz-description: .6875rem;
        --space-container:2.5rem;
       
        --space-section: 7rem;
        --card-border-radius: 1.5rem;
    }
}


@media screen and (min-width: 1281px) {
    :root {
        --fz-h1: 3.5rem;
        --fz-h2: 2.5rem;
        --fz-h3: 2rem;
        --fz-h4: 1.75rem;
        --fz-h5: 1.375rem;
        --fz-body: .875rem;
        --fz-body-bold: 1.0625rem;
        --fz-button: 1.0625rem;
        --fz-description: .8125rem;
        --space-section: 8rem;
        --space-container: 3.75rem;
        --header-height: 3.3125rem;
        --space-title: 3rem;
        --card-border-radius: 2rem;
    }
}

@media screen and (min-width: 1441px) {
    :root {
        --fz-h1: 4rem;
        --fz-h2: 2.75rem;
        --fz-h3: 2.25rem;
        --fz-h4: 1.875rem;
        --fz-h5: 1.375rem;
        --fz-body: .875rem;
        --fz-body-bold: 1.0625rem;
        --fz-button: 1.0625rem;
        --fz-description: .8125rem;
        --space-section: 9rem;
        --header-height: 4.5rem;
        --space-title: 4rem;
    }
}

@media screen and (min-width: 1601px) {
    :root {
        --fz-h1: 4.5rem;
        --fz-h2: 3rem;
        --fz-h3: 2.5rem ;
        --fz-h4: 2rem;
        --fz-h5: 1.5rem;
        --fz-body: 1rem;
        --fz-body-bold: 1rem;
        --fz-button: 1rem;
        --fz-description: .75rem;
        --space-container: 5rem;
        --space-section: 10rem;
        --header-height: 5.125rem;
        --card-border-radius: 2.5rem;
    }
}