:root {
    --micro-font: clamp(12px, 2vw, 14px);
    --small-font: clamp(14px, 2vw, 16px);
    --normal-font: clamp(16px, 2vw, 18px);
    --medium-font: clamp(18px, 2.5vw, 20px);
    --semi-large-font: clamp(20px, 3vw, 22px);
    --large-font: clamp(22px, 3vw, 28px);
    --xlarge-font: clamp(28px, 4vw, 36px);
    --mega-font: clamp(48px, 5vw, 72px);
    --sub-title-font: clamp(20px, 2.5vw, 24px);
    --main-sub-title-font: clamp(28px, 4vw, 48px);
    --main-title-font: clamp(32px, 4.5vw, 52px);
    --main-section-title-font: clamp(40px, 5vw, 60px);
    --huge-title-font: clamp(56px, 6vw, 80px);


    --sub-visual-height: 28.5rem;
    --area-padding: 5vw;

    --normal-black : #222222;
    --white-gray  : #F5F5F5;
    --normal-gray : #6C757D;
    --main-color:#0867AE;
    --sub-color:#2784BE;
    --footer-color : #555555;
    --signature-color: linear-gradient(90deg, rgba(0, 82, 165, 1) 0%, rgba(0, 115, 229, 1) 100%);
}