:root {
    --mainColor      : #c4dada;
    --subColor       : #f3f3ed;
    --textColor      : #0a0000;

    --wh             : #fff;
    --bk             : #000;

    --container_width: 1000px;
    --container_width_light: 900px;
    --container_width_100: 100%;

    /* for font-size */
    --font_xs       : clamp(10px, 0.73vw, 14px);
    --font_s        : clamp(12px, 0.83vw, 16px);
    --font_m        : clamp(14px, 0.93vw, 18px);
    --font_l        : clamp(16px, 1.04vw, 20px);
    --font_xl       : clamp(18px, 1.14vw, 22px);
    --font_xxl      : clamp(20px, 1.25vw, 24px);
    --font_3xl      : clamp(22px, 1.35vw, 26px);
    --font_4xl      : clamp(24px, 1.45vw, 28px);

    --font_s_half   : clamp(8px, 0.83vw, 16px);
    --font_m_half   : clamp(9px, 0.93vw, 18px);
    --font_l_half   : clamp(10px, 1.04vw, 20px);
    --font_xl_half  : clamp(11px, 1.14vw, 22px);
    --font_xxl_half : clamp(12px, 1.25vw, 24px);
    --font_3xl_half : clamp(13px, 1.35vw, 26px);
    --font_4xl_half : clamp(14px, 1.45vw, 28px);
    --font_5xl_half : clamp(15px, 1.45vw, 30px);
    --font_6xl_half : clamp(16px, 1.67vw, 32px);
    --font_7xl_half : clamp(17px, 1.77vw, 34px);

    /* for padding,margin */
    --mp_4xs_half   : clamp(10px, 1.04vw, 20px);
    --mp_3xs_half   : clamp(15px, 1.56vw, 30px);
    --mp_xxs_half   : clamp(20px, 2.08vw, 40px);
    --mp_s_half     : clamp(25px, 2.6vw, 50px);
    --mp_m_half     : clamp(30px, 3.13vw, 60px);
}