/* Variables CSS */
:root {
    --font-primary: 'Work Sans', 'Arial', sans-serif;

    --breakpoint-tablet: 768px;
    --breakpoint-desktop: 1024px;

    --font-size-base: 22px;
    --font-size-base-mobile: 18px;
    --font-size-h1-mobile: 135px;
    --font-size-h1: 250px;
    --font-size-h2-mobile: 28px;
    --font-size-h2: 40px;
    --font-size-h3-mobile: 24px;
    --font-size-h3: 32px;

    --line-height-base: 28px;
    --line-height-base-mobile: 1.15;

    --font-weight-light: 100;
    --font-weight-regular: 200;
    --font-weight-medium: 300;
    --font-weight-bold: 500;

    --color-black: #000;
    --color-white: #ffffff;

    --space-xs: .5rem;
    --space-sm: 1rem;
    --space-mid: 1.5rem;
    --space-md: 2rem;
    --space-lg: 3rem;
    --space-xl: 6rem;

}