:root {
    --size-2xs: 0.25rem; /*4*/
    --size-xs: 0.5rem; /*8*/
    --size-sm: 0.75rem; /*12*/
    --size-md: 1.0rem; /*16*/
    --size-lg: clamp(1.125rem, calc(1.0981rem + 0.1266vw), 1.25rem); /*18 - 20*/
    --size-xl: clamp(1.25rem, calc(1.1962rem + 0.2532vw), 1.5rem); /*20 - 24*/
    --size-2xl: clamp(1.5rem, calc(1.3924rem + 0.5063vw), 2rem); /*24 - 32*/
    --size-3xl: clamp(2rem, calc(1.7848rem + 1.0127vw), 3rem); /*32 - 48*/
    --size-4xl: clamp(2.5rem, calc(2.1772rem + 1.5190vw), 4rem); /*40 - 64*/
    --size-5xl: clamp(3rem, calc(2.3544rem + 3.0380vw), 6rem); /*48 - 96*/
}

:root {
    --space-3xs: 0.1rem; /*1.6*/
    --space-2xs: 0.25rem; /*4*/
    --space-xs: 0.5rem; /*8*/
    --space-sm: 0.75rem; /*12*/
    --space-md: 1.0rem; /*16*/
    --space-lg: clamp(1rem, calc(0.9462rem + 0.2532vw), 1.25rem); /*16 - 20*/
    --space-xl: clamp(1.25rem, calc(1.1962rem + 0.2532vw), 1.5rem); /*20 - 24*/
    --space-2xl: clamp(1.5rem, calc(1.3924rem + 0.5063vw), 2rem); /*24 - 32*/
    --space-3xl: clamp(2rem, calc(1.7848rem + 1.0127vw), 3rem); /*32 - 48*/
    --space-4xl: clamp(3rem, calc(2.7848rem + 1.0127vw), 4rem); /*48 - 64*/
    --space-5xl: clamp(4rem, calc(3.5696rem + 2.0253vw), 6rem); /*64 - 96*/
}

:root {
    --font-2xs: 0.8125rem; /*13*/
    --font-xs: 0.875rem; /*14*/
    --font-sm: 0.9375rem; /*15*/
    --font-md: 1rem; /*16*/
    --font-lg: clamp(1.0625rem, calc(1.0491rem + 0.0633vw), 1.125rem); /*17 - 18*/
    --font-xl: clamp(1.125rem, calc(1.0981rem + 0.1266vw), 1.25rem); /*18 - 20*/
    --font-2xl: clamp(1.25rem, calc(1.1962rem + 0.2532vw), 1.5rem); /*20 - 24*/
    --font-3xl: clamp(1.5rem, calc(1.3924rem + 0.5063vw), 2rem); /*24 - 32*/
    --font-4xl: clamp(1.75rem, calc(1.5886rem + 0.7595vw), 2.5rem); /*28 - 40*/
    --font-5xl: clamp(2rem, calc(1.7848rem + 1.0127vw), 3rem); /*32 - 48*/
    --font-6xl: clamp(2.25rem, calc(1.9810rem + 1.2658vw), 3.5rem); /*36 - 56*/
    --font-7xl: clamp(2.5rem, calc(2.1772rem + 1.5190vw), 4rem); /*40 - 64*/
}

:root {
    --font-light: 300;
    --font-normal: 400;
    --font-semibold: 600;
    --font-bold: 700;
    --font-black: 900;
}


:root {
    --radius-xs: 0.25rem; /*4*/
    --radius-sm: 0.5rem; /*8*/
    --radius-md: 0.75rem; /*12*/
    --radius-lg: 1rem; /*16*/
    --radius-xl: 1.5rem; /*24*/
    --radius-2xl: 2rem; /*32*/
    --radius-full: 999rem;
    --corner-shape: round;
}