:root {
    --size-2xs: 0.25rem; /*4*/
    --size-xs: 0.5rem; /*8*/
    --size-sm: 0.75rem; /*12*/
    --size-md: 1.0rem; /*16*/
    --size-lg: 1.25rem; /*20*/
    --size-xl: 1.5rem; /*24*/
    --size-2xl: 2rem; /*32*/
    --size-3xl: 3rem; /*48*/
    --size-4xl: 4rem; /*64*/
    --size-5xl: 6rem; /*96*/
}

:root {
    --space-2xs: 0.25rem; /*4*/
    --space-xs: 0.5rem; /*8*/
    --space-sm: 0.75rem; /*12*/
    --space-md: 1.0rem; /*16*/
    --space-lg: 1.25rem; /*20*/
    --space-xl: 1.5rem; /*24*/
    --space-2xl: 2rem; /*32*/
    --space-3xl: 3rem; /*48*/
    --space-4xl: 4rem; /*64*/
    --space-5xl: 6rem; /*96*/
}

:root {
    --font-xs: 0.875rem; /*14*/
    --font-sm: 0.9375rem; /*15*/
    --font-md: 1rem; /*16*/
    --font-lg: 1.125rem; /*18*/
    --font-xl: 1.25rem; /*20*/
    --font-2xl: 1.5rem; /*24*/
    --font-3xl: 2rem; /*32*/
    --font-4xl: 2.5rem; /*40*/
    --font-5xl: 3rem; /*48*/
    --font-5-5xl: 3.5rem; /*56*/
    --font-6xl: 4rem; /*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;
}