:root {
    --text-xs: 500 16px / 1.5 var(--ff-quicksand);
    --text-sm: 500 clamp(16px, 1.8vw, 18px) / 1.5 var(--ff-quicksand);
    --text-md: 500 clamp(16px, 2vw, 20px) / 1.5 var(--ff-quicksand);
    --text-lg: 500 clamp(16px, 2vw, 22px) / 1.5 var(--ff-quicksand);

    --title-xs: 600 clamp(20px, 2.4vw, 24px) / 1.4 var(--ff-quicksand);
    --title:    600 clamp(20px, 2.4vw, 28px) / 1.3 var(--ff-quicksand);
    --title-sm: 600 clamp(24px, 3vw, 32px) / 1.3 var(--ff-quicksand);
    --title-md: 600 clamp(28px, 4vw, 48px) / 1.2 var(--ff-quicksand);
    --title-lg: 600 clamp(28px, 6vw, 64px) / 1.1 var(--ff-quicksand);

    --space-xs: clamp(18px, 2vw, 24px);
    --space-sm: clamp(28px, 3vw, 32px);
    --space-md: clamp(32px, 4vw, 40px);
    --space-lg: clamp(40px, 5vw, 52px);

    --section-sm: clamp(40px, 5vw, 64px);
    --section-md: clamp(64px, 9vw, 96px);
    --section-lg: clamp(64px, 9vw, 116px);

    --ff-quicksand: "Quicksand", sans-serif;
}