:root {
    --neutral-white: #fff;
    --neutral-black: #000;

    --main-theme-gray-5: #ededed;
    --main-theme-gray-10: #e3e3e3;
    --main-theme-gray-20: #c7c7c7;
    --main-theme-gray-30: #acacac;
    --main-theme-gray-40: #909090;
    --main-theme-gray-50: #757575;
    --main-theme-gray-60: #5d5d5d;
    --main-theme-gray-70: #3f4444;
    --main-theme-gray-80: #2E2E2E;

    --main-theme-color-5: #e0f5fa;
    --main-theme-color-10: #bbf2ff;
    --main-theme-color-20: #76e6ff;
    --main-theme-color-30: #42c4e1;
    --main-theme-color-40: #00aed7;
    --main-theme-color-50: #00819d;
    --main-theme-color-60: #006277;
    --main-theme-color-70: #004352;
    --main-theme-color-80: #00333e;
    --main-theme-color-90: #00191f;

    --2nd-theme-color-5: #E8F1FF;
    --2nd-theme-color-10: #d4e5ff;
    --2nd-theme-color-50: #5a77a1;
    --2nd-theme-color-60: #44618b;
    --2nd-theme-color-80: #15325c;

    --3rd-theme-color-10: #d1eced;
    --3rd-theme-color-50: #27828a;
    --3rd-theme-color-70: #056068;
    --3rd-theme-color-80: #004046;

    --accent-theme-color-5: #feeee9;
    --accent-theme-color-10: #ffdacd;
    --accent-theme-color-30: #fa9370;
    --accent-theme-color-40: #F86C3D;
    --accent-theme-color-50: #D93D08;
    --accent-theme-color-60: #BC3000;
    --accent-theme-color-70: #9b2800;
    --accent-theme-color-80: #661A00;

    --success-color-5: #d8f9f0;
    --success-color-10: #abffe6;
    --success-color-20: #7aedca;
    --success-color-50: #128562;
    --success-color-70: #006949;

    --warning-color-10: #ffdeb6;
    --warning-color-60: #965200;

    --error-color-20: #FFB1A7;
    --error-color-50: #e42b14;
    --error-color-70: #A31300;

    --special-color-50: #87633f;
    --special-color-10: #f7e9cf;
}