:root{
    --primary-color: #D30F45;
    --secondary-color: #FF375F;
    
    /* typography */
    --font-family: "Laila", serif;
    
    /* spacings */
    --xs: 4px;
    --sm: 8px;
    --md: 16px;
    --lg: 24px;
    --xl: 32px;
    --2xl: 40px;
    --3xl: 48px;
    --wrapper: 12vw;

    /* fontsizes */
    --font-sm: 1rem;
    --font-md: 1.2rem;
}


/* screens: {
    xs: '500px',
        sm: '640px',
        // => @media (min-width: 640px) { ... }

        md: '768px',
        // => @media (min-width: 768px) { ... }

        lg: '1024px',
        // => @media (min-width: 1024px) { ... }

        xl: '1280px',
        // => @media (min-width: 1280px) { ... }

        '2xl': '1536px',
        // => @media (min-width: 1536px) { ... }
    }, */