html[theme='light'] {
  --gr-01: #004D26;
  --gr-02: #076934;
  --gr-03: #118543;
  --gr-04: #1FA153;
  --gr-05: #31BD65;
  --gr-06: #56D580;
  --gr-07: #70D78F;
  --gr-08: #95E5AA;
  --gr-09: #BDF2C9;
  --gr-10: #C5F5CF;
  --gr-11: rgba(49, 189, 101, .1);
  --gr-12: rgba(49, 189, 101, .15);
  --gr-13: #EAF8F3;
  --rd-01: #4D001B;
  --rd-02: #74092B;
  --rd-03: #9C193E;
  --rd-04: #D2345B;
  --rd-05: #EB4B6D;
  --rd-06: #F96E87;
  --rd-07: #F38797;
  --rd-08: #F7A6B0;
  --rd-09: #FBC7CB;
  --rd-10: #FDD4D5;
  --rd-11: rgba(235, 75, 109, .1);
  --rd-12: rgba(235, 75, 109, .15);
  --rd-13: #FEECEF;
  --nc-01: #000000;
  --nc-02: #F2F2F2;
  --nc-03: #E3E3E5;
  --nc-04: #E5E7EB;
  --nc-05: #6E6E6E;
  --nc-06: #929292;
  --nc-07: #BDBDBD;
  --nc-08: #EBEBEB;
  --nc-09: #F2F2F2;
  --nc-10: #F9F9F9;
  --nc-11: #F2F2F2;
  --nc-12: #FFFFFF;
  --nc-13: #FFFFFF;
  --nc-14: #FFFFFF;
  --nc-15: #FFFFFF;
  --nc-16: rgba(144, 144, 144, .2);
  --nc-17: #424242;
  --nc-18: rgba(0, 0, 0, .4);
  --nc-19: rgba(66, 66, 66, .1);
  --nc-20: #F2F2F2;
  --nc-21: #000000;
  --nc-22: #929292;
  --nc-23: #BDBDBD;
  --be-01: #1F5FEB;
  --be-02: #0569FF;
  --be-03: rgba(5, 105, 255, .1);
  --be-04: #9E4D02;
  --be-05: #F26411;
  --be-06: #E06D31;
  --be-07: #EC9043;
  --be-08: #E9A805;
  --be-09: rgba(242, 100, 17, .1);
  --be-10: rgba(233, 168, 5, .1);
}

html[theme='dark'] {
  --gr-01: #E8FFEC;
  --gr-02: #B4EEC0;
  --gr-03: #86DD9A;
  --gr-04: #189042;
  --gr-05: #25A74F;
  --gr-06: #42B964;
  --gr-07: #64CA7E;
  --gr-08: #8BDC9D;
  --gr-09: #57B86F;
  --gr-10: #127030;
  --gr-11: rgba(37, 167, 79, .1);
  --gr-12: rgba(37, 167, 79, .15);
  --rd-01: #FFE8EA;
  --rd-02: #F4C1C8;
  --rd-03: #EA9DAA;
  --rd-04: #AB2950;
  --rd-05: #CA4064;
  --rd-06: #D55D79;
  --rd-07: #EF6981;
  --rd-08: #F38797;
  --rd-09: #9C193E;
  --rd-10: #74092B;
  --rd-11: rgba(235, 75, 109, .1);
  --rd-12: rgba(235, 75, 109, .15);
  --rd-13: #3A2930;
  --nc-01: #FFFFFF;
  --nc-02: #F2F2F2;
  --nc-03: #E3E3E5;
  --nc-04: #E5E7EB;
  --nc-05: #909090;
  --nc-06: #6F6F6F;
  --nc-07: #575757;
  --nc-08: #303030;
  --nc-09: #1A1A1A;
  --nc-10: #242424;
  --nc-11: #2E2E2E;
  --nc-12: #111111;
  --nc-13: #FFFFFF;
  --nc-14: #101014;
  --nc-15: #121212;
  --nc-16: rgba(144, 144, 144, .2);
  --nc-17: #434343;
  --nc-18: rgba(0, 0, 0, .6);
  --nc-19: rgba(66, 66, 66, .2);
  --nc-20: #2B2C30;
  --nc-21: #F3F3F3;
  --nc-22: #929292;
  --nc-23: #454545;
  --be-01: #1F5FEB;
  --be-02: #0569FF;
  --be-03: rgba(5, 105, 255, .2);
  --be-04: #9E4D02;
  --be-05: #F26411;
  --be-06: #E06D31;
  --be-07: #E67614;
  --be-08: #D6AB42;
  --be-09: rgba(242, 100, 17, .2);
  --be-10: rgba(214, 171, 66, .2);
}

html {
  --brand_color: var(--or-05);
  --brand_color_hover: var(--or-06);
  --brand_color_animate: var(--or-04);
  --brand_color_special: var(--or-07);
  --brand_color_disable: var(--or-08);
  --brand_color_light_bg: var(--or-10);
  --brand_color_special_02: var(--or-11);
  --brand_color_special_03: var(--or-12);
  --sell_down_color: var(--rd-05);
  --sell_down_color_hover: var(--rd-06);
  --sell_down_color_animate: var(--rd-04);
  --sell_down_color_disable: var(--rd-08);
  --sell_down_color_special: var(--rd-07);
  --sell_down_color_lightbg: var(--rd-10);
  --sell_down_color_special_02: var(--rd-11);
  --sell_down_color_special_03: var(--rd-12);
  --sell_down_color_special_04: var(--rd-13);
  --buy_up_color: var(--gr-05);
  --buy_up_color_hover: var(--gr-06);
  --buy_up_color_animate: var(--gr-04);
  --buy_up_color_disable: var(--gr-08);
  --buy_up_color_special: var(--gr-07);
  --buy_up_color_lightbg: var(--gr-10);
  --buy_up_color_special_02: var(--gr-11);
  --buy_up_color_special_03: var(--gr-12);
  --buy_up_color_special_04: var(--gr-13);
  --line_color_03: var(--nc-06);
  --line_color_02: var(--nc-09);
  --line_color_01: var(--nc-08);
  --icon_color: var(--nc-05);
  --icon_color_01: var(--nc-21);
  --icon_color_02: var(--nc-22);
  --icon_color_03: var(--nc-23);
  --text_color_04: var(--nc-07);
  --text_color_03: var(--nc-06);
  --text_color_02: var(--nc-05);
  --text_color_01: var(--nc-01);
  --button_text_01: var(--nc-13);
  --button_text_02: var(--nc-14);
  --button_hover_01: var(--nc-20);
  --card_bg_color_01: var(--nc-10);
  --card_bg_color_02: var(--nc-11);
  --card_bg_color_03: var(--nc-15);
  --card_bg_color_04: var(--nc-16);
  --bg_button_disabled: var(--nc-08);
  --toast_bg_color: var(--nc-17);
  --bg_color: var(--nc-12);
  --bg_color_02: var(--nc-18);
  --bg_color_03: var(--nc-19);
  --bg_color_04: var(--nc-17);
  --bg_sr_color: var(--nc-09);
  --tips_color: var(--or-05);
  --tips_color_hover: var(--or-06);
  --tips_color_animate: var(--or-04);
  --tips_color_disable: var(--or-08);
  --tips_color_special: var(--or-07);
  --tips_color_lightbg: var(--or-10);
  --warning_color: var(--rd-05);
  --warning_color_hover: var(--rd-06);
  --warning_color_animate: var(--rd-04);
  --warning_color_disable: var(--rd-08);
  --warning_color_special: var(--rd-07);
  --warning_color_special_02: var(--rd-11);
  --warning_color_lightbg: var(--rd-10);
  --warning_color_special_03: var(--rd-12);
  --warning_color_special_04: var(--rd-13);
  --success_color: var(--gr-05);
  --success_color_hover: var(--gr-06);
  --success_color_animate: var(--gr-04);
  --success_color_disable: var(--gr-08);
  --success_color_special: var(--gr-07);
  --success_color_special_02: var(--gr-11);
  --success_color_lightbg: var(--gr-10);
  --success_color_special_03: var(--gr-12);
  --success_color_special_04: var(--gr-13);
  --auxiliary_icon_color_01: var(--be-01);
  --auxiliary_color_01: var(--be-02);
  --auxiliary_color_special_01: var(--be-03);
  --auxiliary_color_special: var(--be-04);
  --auxiliary_color_02: var(--be-05);
  --text_label_color_01: var(--be-06);
  --auxiliary_icon_color_02: var(--be-07);
  --text_label_color_02: var(--be-08);
  --auxiliary_color_special_02: var(--be-09);
  --auxiliary_color_special_03: var(--be-10);
}