:root {
    --fs-xs: clamp(16px, 2.2vw, 20px);
    --fs-sm: clamp(18px, 2.4vw, 24px);
    --fs-md: clamp(24px, 4vw, 40px);
    --fs-lg: clamp(28px, 5vw, 52px);
    --fs: clamp(32px, 10vw, 120px);

    --space-xs: clamp(14px, 2vw, 20px);
    --space-sm: clamp(32px, 4vw, 40px);
    --space-md: clamp(64px, 8vw, 80px);
    --space-lg: clamp(64px, 8vw, 96px);
    --space: clamp(64px, 8vw, 108px);

    --radius: clamp(16px, 2vw, 24px);

    --ff-kanit: "Kanit", sans-serif;

    --front-hero: url('../images/front-hero.png');
    --front-ecosystem: url('../images/front-ecosystem.png');
    --front-about: url('../images/front-about.svg');
    --board-hero: url('../images/board-hero.svg');
    --media-hero: url('../images/media-hero.svg');
    --ellipse-left: url('../images/ellipse-left.png');
    --ellipse-right: url('../images/ellipse-right.png');
    --team-cart: url('../images/team-cart.png');
    --products-hero-vector1: url('../icons/products-hero-vector1.svg');
    --products-hero-vector2: url('../icons/products-hero-vector2.svg');
}