:root {
    --color-text: #1e1e1e;
    --color-text-dm: #fff;
    --color-text-input: #1e1e1e;
    --color-text-input-dm: #545454;
    --color-bg: #F1F2F8;
    --color-bg-dm: #303031;
    --color-bg-hn: #fff;
    --color-bg-hn-dm: #1e1e1e;
    --color-bg-e1: #deddf7;
    --color-bg-e1-dm: #4d4b61;
    --color-bg-e2: #e9e9f8;
    --color-bg-e2-dm: #3b3a44;
    --color-light-gray: #EDEFF6;
    --color-int-gray: #D3D6E9;
    --color-mid-gray: #A7AED2;
    --color-preset-0: #8198FF;
    --color-preset-1: #E8B1B9;
    --color-preset-2: #637FFF;
    --color-preset-3: #7CC8E6;
    --color-preset-4: #76B8BB;
    --color-preset-5: #A69CF1;
    --color-preset-6: #E8BB81;
    --color-red: #D21404;
    --color-green: #32CD32;
}