/* vars.css */
:root {
    
    /*default 1rem = 16px*/
    font-size: 100%;

    /*color*/
    --sub-white: #FEFEFE;
    --default-black: #4B4B4B;
    --light-black:#7B7B7B;
    --border-line: #707070;
    --point-blue:#4068E2;
}


@media (max-width: 1200px) {
    :root {
        font-size: 95%; /* 1rem = 15.2px */
    }
}

@media (max-width: 992px) {
    :root {
        font-size: 90%; /* 1rem = 14.4px */
    }
}

@media (max-width: 768px) {
    :root {
        font-size: 85%; /* 1rem = 13.6px */
    }
}

@media (max-width: 576px) {
    :root {
        font-size: 80%; /* 1rem = 12.8px */
    }
}