:root {
    --red: #FF578B;

    --yellow: #FFE319;

    --blue: #62BDFF;

    --pink: #F06DF8;

    --purple: #7D46F6;

    --green: #6EEFA7;

    --bg1: #fff;
    --bg2: #f3f3f3;
    --bg3: #e8e8e8;
    --bg4: #a3a3a3;

    --fg1: #202020;
    --fg2: #1B2045;

    --step-xs: clamp(1rem, 0.31vi + 0.94rem, 1.19rem);
    --step-s: clamp(1.25rem, 0.55vi + 1.14rem, 1.58rem);
    --step-m: clamp(1.56rem, 0.91vi + 1.38rem, 2.11rem);
    --step-l: clamp(1.95rem, 1.43vi + 1.67rem, 2.81rem);
    --step-xl: clamp(2.44rem, 2.17vi + 2.01rem, 3.75rem);
    --step-xxl: clamp(3.05rem, 3.23vi + 2.41rem, 5rem);
    --step-xxxl: clamp(3.81rem, 4.73vi + 2.88rem, 6.66rem);
    --step-4xl: clamp(4.77rem, 6.83vi + 3.42rem, 8.88rem);
    --step-5xl: clamp(5.96rem, 9.76vi + 4.03rem, 11.84rem);
    --step-6xl: clamp(7.45rem, 13.82vi + 4.72rem, 15.78rem);
}