:root {
    // colors
    --color-primary: #4ab2f1;
    --color-secendary: #aaaaaa;
    // font-size
    --text-sm: clamp(0.875rem, 0.8rem + 0.2vw, 1rem);
    --text-base: clamp(1rem, 0.95rem + 0.3vw, 1.125rem);
    --text-lg: clamp(1.125rem, 1rem + 0.5vw, 1.5rem);
    --text-xl: clamp(1.5rem, 1.2rem + 1vw, 2rem);
    --text-2xl: clamp(2rem, 1.5rem + 2vw, 3rem);
    --text-3xl: clamp(2.5rem, 2rem + 3vw, 4rem);
}