:root {
  --black: #000000;
  --black-rgb: 0, 0, 0;
  --gray99: #0c0c0e;
  --gray95: #151518;
  --gray90: #202025;
  --gray90-rgb: 32, 32, 37;
  --gray85: #24242a;
  --gray80: #2a2b31;
  --gray80-rgb: 42, 43, 49;
  --gray70: #454953;
  --gray60: #61666e;
  --gray50: #8f9399;
  --gray40: #b9bbc0;
  --gray30: #dcdde2;
  --gray30-rgb: 220, 221, 226;
  --gray20: #eef0f2;
  --gray20-rgb: 238, 240, 242;
  --gray15: #f4f6f8;
  --gray10: #f7f8fa;
  --gray10-rgb: 247, 248, 250;
  --gray05: #fcfcfd;
  --white: #ffffff;
  --white-rgb: 255, 255, 255;
  --red95: #86140e;
  --red90: #951811;
  --red80: #b1261e;
  --red70: #cd372f;
  --red70-rgb: 205, 55, 47;
  --red60: #e23c32;
  --red50: #ed4c45;
  --red40: #f7675e;
  --red30: #fa8580;
  --red20: #fcaca9;
  --red10: #fcd4cf;
  --red05: #fcf0f0;
  --orange95: #a43714;
  --orange90: #bb4a1f;
  --orange80: #cb5529;
  --orange70: #e9540f;
  --orange60: #ee6630;
  --orange50: #fa6c33;
  --orange40: #f78052;
  --orange30: #f89772;
  --orange20: #fab399;
  --orange10: #fcd8ca;
  --orange05: #fcf0ed;
  --yellow95: #b55d05;
  --yellow90: #d17402;
  --yellow80: #ed8909;
  --yellow70: #f79a04;
  --yellow60: #fcb000;
  --yellow50: #ffc007;
  --yellow40: #ffca29;
  --yellow30: #ffd54e;
  --yellow20: #ffdf82;
  --yellow10: #ffedb3;
  --yellow05: #fff8e0;
  --green95: #005130;
  --green90: #036d4a;
  --green80: #007a56;
  --green70: #008561;
  --green60: #00946c;
  --green50: #009e79;
  --green50-rgb: 0, 158, 121;
  --green40: #29ab85;
  --green30: #51b99a;
  --green20: #81ceb6;
  --green10: #b3e1d2;
  --green05: #e1f2ee;
  --teal95: #01555a;
  --teal90: #00656b;
  --teal80: #028390;
  --teal70: #0097a8;
  --teal60: #08abc2;
  --teal50: #1bb7d0;
  --teal40: #2dc1d7;
  --teal30: #54cbde;
  --teal20: #80dbe8;
  --teal10: #b2e8f1;
  --teal05: #e0f5f9;
  --blue95: #0b3d8f;
  --blue90: #0e48a6;
  --blue80: #1565c5;
  --blue70: #1777d7;
  --blue70-rgb: 23, 119, 215;
  --blue60: #1b89ea;
  --blue50: #1a97f8;
  --blue40: #40a6f9;
  --blue30: #68bafc;
  --blue20: #92ccfc;
  --blue10: #c7e5ff;
  --blue05: #eff7fe;
  --indigo95: #0b1997;
  --indigo90: #1d2a9a;
  --indigo80: #2833a8;
  --indigo70: #303db5;
  --indigo60: #3747c3;
  --indigo50: #4553d9;
  --indigo50-rgb: 69, 83, 217;
  --indigo40: #626ee0;
  --indigo30: #8091e6;
  --indigo20: #a5b1ec;
  --indigo10: #cad1f4;
  --indigo05: #eaedfb;
  --purple95: #180da8;
  --purple90: #2d19b2;
  --purple80: #3922bd;
  --purple70: #4627c2;
  --purple60: #5433cb;
  --purple50: #6443d1;
  --purple50-rgb: 100, 67, 209;
  --purple40: #7b5bd9;
  --purple30: #9379e0;
  --purple20: #b09ce8;
  --purple10: #d3c7f5;
  --purple05: #f0ebfa;
  --magenta95: #7a1853;
  --magenta90: #911d5f;
  --magenta80: #a22262;
  --magenta70: #b62767;
  --magenta60: #cc2d6d;
  --magenta50: #d6307b;
  --magenta40: #db4689;
  --magenta30: #e05a9d;
  --magenta20: #e48cb8;
  --magenta10: #f2bed8;
  --magenta05: #fae8f1;
  --slategray95: #141b22;
  --slategray90: #2c343c;
  --slategray80: #3e4954;
  --slategray70: #4d5c6a;
  --slategray60: #5d7080;
  --slategray50: #6b7f92;
  --slategray40: #8192a2;
  --slategray30: #98a5b3;
  --slategray20: #b5bfc9;
  --slategray10: #d2d9df;
  --slategray05: #edeff2;
  --etc-kakao: #f4da56;

  /* color token */
  --g90: var(--gray90);
  --g70: var(--gray70);
  --g60: var(--gray60);
  --g50: var(--gray50);
  --g40: var(--gray40);
  --g30: var(--gray30);
  --g20: var(--gray20);
  --g10: var(--gray10);
  --g00: var(--white);
  --g00_fixed: var(--white);
  --brand: var(--red70);
  --increase: var(--red70);
  --decrease: var(--blue70);
  --positive: var(--green50);
  --alternative: var(--purple50);
  --neutral: var(--gray60);
  --hidden: var(--gray50);
  --line_strong: var(--gray90);
  --line_dark: var(--gray30);
  --line_light: var(--gray15);
  --line_thumb: rgba(var(--black-rgb), 0.05);
  --line_normal: var(--gray20);
  --bg_brand: rgba(var(--red70-rgb), 0.08);
  --bg_increase: rgba(var(--red70-rgb), 0.08);
  --bg_decrease: rgba(var(--blue70-rgb), 0.08);
  --bg_positive: rgba(var(--green50-rgb), 0.08);
  --bg_alternative: rgba(var(--purple50-rgb), 0.08);
  --bg_link_keyword: rgba(var(--indigo50-rgb), 0.08);
  --bg_content: var(--white);
  --bg_ground: var(--gray20);
  --bg_refresh: var(--white);
  --bg_fab_a60: rgba(var(--white-rgb), 0.6);
  --bg_fab_a80: rgba(var(--white-rgb), 0.8);
  --btn_normal: var(--gray50);
  --btn_disable: var(--gray40);
  --btn_brand: var(--red70);
  --btn_increase: var(--red70);
  --btn_decrease: var(--blue70);
  --btn_positive: var(--green50);
  --btn_alternative: var(--purple50);
  --btn_appbar: var(--gray70);
  --btn_g10: var(--gray10);
  --btn_g20: var(--gray20);
  --pressed_normal: rgba(var(--black-rgb), 0.04);
  --dim_normal: rgba(var(--black-rgb), 0.6);
  --dim_guide: rgba(var(--white-rgb), 0.8);
  --link_keyword: var(--indigo70); 
  --trade_bg_volume_increase: var(--red10);
  --trade_bg_volume_decrease: var(--blue10);
  --chart_price_vi_high: var(--red30);
  --chart_price_high: var(--red50);
  --chart_price_increase: var(--red70);
  --chart_price_high_limit: var(--red90);
  --chart_price_vi_low: var(--blue30);
  --chart_price_low: var(--blue50);
  --chart_price_decrease: var(--blue70);
  --chart_price_low_limit: var(--blue90);
  --chart_price_today: var(--yellow70);
  --chart_price_select: var(--green50);
  --chart_price_now: var(--gray70);
  --chart_price_market: var(--gray50);
  --chart_bubble_highest: var(--red10);
  --chart_bubble_lowest: var(--blue10);
  --chart_guide_bg: rgba(var(--gray90), 0.9);
  --invest_person: var(--teal40);
  --invest_txt_person: var(--teal70);
  --invest_foreign: var(--orange30);
  --invest_txt_foreign: var(--orange70);
  --invest_company: var(--purple30);
  --invest_txt_company: var(--purple50);
  --member_family: var(--green50);
  --member_bg_family: var(--green30);
  --member_silver: var(--slategray60);
  --member_bg_silver: var(--slategray40);
  --member_gold: var(--yellow80);
  --member_bg_gold: var(--yellow50);
  --member_platinum: var(--red70);
  --member_bg_platinum: var(--red30);
  --badge_txt_sub: var(--blue90);
  --badge_bg_neutral: rgba(var(--gray20-rgb), 0.6);
  --woodi_profile_bg: var(--red05);
  --point: var(--orange70);
}

@media (prefers-color-scheme: dark) {
  :root {
    --g90: var(--gray10);
    --g70: var(--gray30);
    --g60: var(--gray40);
    --g50: var(--gray50);
    --g40: var(--gray60);
    --g30: var(--gray70);
    --g20: var(--gray80);
    --g10: var(--gray90);
    --g00: var(--gray95);
    --g00_fixed: var(--gray10);
    --brand: var(--red60);
    --increase: var(--red60);
    --decrease: var(--blue60);
    --positive: var(--green40);
    --alternative: var(--purple30);
    --neutral: var(--gray60);
    --hidden: var(--gray70);
    --line_strong: var(--gray10);
    --line_dark: var(--gray70);
    --line_light: var(--gray90);
    --line_thumb: rgba(var(--white-rgb), 0.05);
    --line_normal: var(--gray80);
    --bg_brand: rgba(var(--red70-rgb), 0.16);
    --bg_increase: rgba(var(--red70-rgb), 0.16);
    --bg_decrease: rgba(var(--blue70-rgb), 0.16);
    --bg_positive: rgba(var(--green50-rgb), 0.16);
    --bg_alternative: rgba(var(--purple50-rgb), 0.16);
    --bg_link_keyword: rgba(var(--indigo50-rgb), 0.16);
    --bg_content: var(--gray95);
    --bg_ground: var(--gray99);
    --bg_refresh: var(--gray90);
    --bg_fab_a60: rgba(var(--gray90-rgb), 0.6);
    --bg_fab_a80: rgba(var(--gray90-rgb), 0.8);
    --btn_normal: var(--gray50);
    --btn_disable: var(--gray80);
    --btn_brand: var(--red70);
    --btn_increase: var(--red70);
    --btn_decrease: var(--blue70);
    --btn_positive: var(--green50);
    --btn_alternative: var(--purple50);
    --btn_appbar: var(--gray30);
    --btn_g10: var(--gray90);
    --btn_g20: var(--gray80);
    --pressed_normal: rgba(var(--white-rgb), 0.04);
    --dim_normal: rgba(var(--black-rgb), 0.6);
    --dim_guide: rgba(var(--black-rgb), 0.8);
    --link_keyword: var(--indigo30);
    --trade_bg_volume_increase: rgba(var(--red70-rgb), 0.2);
    --trade_bg_volume_decrease: rgba(var(--blue70-rgb), 0.2);
    --chart_price_vi_high: var(--red90);
    --chart_price_high: var(--red50);
    --chart_price_increase: var(--red70);
    --chart_price_high_limit: var(--red30);
    --chart_price_vi_low: var(--blue90);
    --chart_price_low: var(--blue50);
    --chart_price_decrease: var(--blue70);
    --chart_price_low_limit: var(--blue30);
    --chart_price_today: var(--yellow70);
    --chart_price_select: var(--green40);
    --chart_price_now: var(--gray50);
    --chart_price_market: var(--gray70);
    --chart_bubble_highest: var(--red95);
    --chart_bubble_lowest: var(--blue95);
    --chart_guide_bg: rgba(var(--gray80-rgb), 0.9);
    --invest_person: var(--teal70);
    --invest_txt_person: var(--teal60);
    --invest_foreign: var(--orange80);
    --invest_txt_foreign: var(--orange50);
    --invest_company: var(--purple40);
    --invest_txt_company: var(--purple20);
    --member_family: var(--green40);
    --member_bg_family: var(--green80);
    --member_silver: var(--slategray50);
    --member_bg_silver: var(--slategray60);
    --member_gold: var(--yellow70);
    --member_bg_gold: var(--yellow90);
    --member_platinum: var(--red60);
    --member_bg_platinum: var(--red80);
    --badge_txt_sub: var(--blue20);
    --badge_bg_neutral: rgba(var(--gray80-rgb), 0.9);
    --woodi_profile_bg: #312323;
    --point: var(--orange50);
  }
}