:root {
    --fs-xs: 400 clamp(15px, 2.2vw, 20px)/1.5 var(--ff-open-sans);
    --fs-sm: 400 clamp(16px, 2.2vw, 24px)/1.4 var(--ff-open-sans);
    --fs-md: 600 clamp(32px, 5vw, 52px)/1.2 var(--ff-open-sans);
    --fs-lg: 600 clamp(32px, 6vw, 80px)/1.1 var(--ff-open-sans);

    --space-xs:  clamp(16px, 2.2vw, 20px);
    --space:     clamp(32px, 4vw, 40px);
    --space-sm:  clamp(40px, 8vw, 80px);
    --space-md:  clamp(64px, 8vw, 80px);
    --space-lg:  clamp(64px, 8vw, 96px);
    --space-max: clamp(64px, 9vw, 124px);

    --ff-open-sans: "Open Sans", sans-serif;

    --shadow: 2px 2px 2px rgba(0, 0, 0, 0.05), -2px -2px 2px rgba(0, 0, 0, 0.05);
    --shadow-dark: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.10);
    --shadow-light: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
    /* 0 4px 12px 0 rgba(0, 0, 0, 0.05) */

    --tagline: url('../images/tagline.png');
    --purpose-ellipse-left: url('../images/purpose-ellipse-left.svg');
    --purpose-ellipse-right: url('../images/purpose-ellipse-right.svg');
    --checked: url('../icons/checked.svg');
    --envelope-icon: url('../icons/envelope.svg');
}