:root[theme='light'] {
--style-classic-main-main: #0047FF;
--style-classic-main-secondary-1: #2DE82A;
--style-classic-main-secondary-2: #FF0;
--style-classic-color-main: #2a54ff;
--style-classic-color-second: #FBBB18;
--style-classic-color-hp: #00C09B;
--style-classic-color-og: #FFA51E;
--style-classic-color-white: #fff;
--style-classic-color-black: #000;
--style-classic-color-blue: #2A54FF;
--style-classic-hover-color-main: #336CFF;
--style-classic-hover-color-blue: #5576ff;
--style-classic-semantic-up: #24C587;
--style-classic-semantic-down: #FF4D4F;
--style-classic-semantic-gold: #E8C765;
--style-classic-semantic-silver: #D6D8E3;
--style-classic-semantic-copper: #B2876E;
--style-classic-semantic-gold-15: rgba(241, 208, 112, 0.15);
--style-classic-semantic-silver-15: rgba(214, 216, 227, 0.15);
--style-classic-semantic-copper-15: rgba(178, 135, 110, 0.15);
--style-classic-bg-bird: #fff;
--style-classic-bg-fish: #F0F0F0;
--style-classic-bg-cat: #F6F6F6;
--style-classic-bg-dog: #FFF;
--style-classic-bg-pig: #F9F9F9;
--style-classic-bg-panda: #FFF;
--style-classic-bg-anna: #0F1016;
--style-classic-hover-bg-bird: #ECECEC;
--style-classic-hover-bg-fish: #E6E6E6;
--style-classic-hover-bg-cat: #ECECEC;
--style-classic-hover-bg-dog: #F5F5F5;
--style-classic-hover-bg-pig: #F0F0F0;
--style-classic-text-1: #1A1A1A;
--style-classic-text-2: #555;
--style-classic-text-3: #999;
--style-classic-text-4: #BFBFBF;
--style-classic-line-apple: #D0D0D0;
--style-classic-line-banana: #EBEBEB;
--style-classic-line-mango: #F0F0F0;
--style-classic-hover-line-apple: #929292;
--style-classic-hover-line-banana: #989898;
--style-classic-hover-line-mango: #A8A8A8;
--style-classic-shadow-dialog: 0px 24px 24px -6px rgba(95, 95, 95, 0.12), 0px 0px 1px 0px #979797;
--style-classic-dark-theme-gray-11: #000;
--style-classic-dark-theme-gray-8: #2C2C35;
--style-classic-accents-sea-green: #15FFAB;
--style-classic-accents-spring-green: #62F783;
--style-classic-linear: #CB9A1D;
--style-classic-color-primary: #0047FF;
--style-classic-amount: #0047FF;
--style-classic-reward-bg: #E4ECFF;
--style-classic-card-linear-bg: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
--style-classic-tips-blue: #D1DEFF;
--style-classic-tips-yellow: #FEF3D8;
--style-classic-tips-green: #DBFBDB;
}

:root[theme='dark'] {
--style-classic-main-main: #0f5ffe;
--style-classic-main-secondary-1: #2DE82A;
--style-classic-main-secondary-2: #FF0;
--style-classic-color-main: #3377FE;
--style-classic-color-second: #ffd677;
--style-classic-color-hp: #17FF90;
--style-classic-color-og: #FFA51E;
--style-classic-color-white: #fff;
--style-classic-color-black: #000;
--style-classic-color-blue: #4E8AFF;
--style-classic-hover-color-main: #3377FE;
--style-classic-hover-color-blue: #5576ff;
--style-classic-semantic-up: #66ffb6;
--style-classic-semantic-down: #ff7373;
--style-classic-semantic-gold: #f1d070;
--style-classic-semantic-silver: #e2e4ef;
--style-classic-semantic-copper: #d9936b;
--style-classic-semantic-gold-15: rgba(241, 208, 112, 0.15);
--style-classic-semantic-silver-15: rgba(226, 228, 239, 0.15);
--style-classic-semantic-copper-15: rgba(217, 147, 107, 0.15);
--style-classic-bg-bird: #383838;
--style-classic-bg-fish: #292929;
--style-classic-bg-cat: #222;
--style-classic-bg-dog: #191919;
--style-classic-bg-pig: #0e0e0e;
--style-classic-bg-panda: #000;
--style-classic-bg-anna: #0F1016;
--style-classic-hover-bg-bird: #484848;
--style-classic-hover-bg-fish: #3a3a3a;
--style-classic-hover-bg-cat: #343434;
--style-classic-hover-bg-dog: #2b2b2b;
--style-classic-hover-bg-pig: #212121;
--style-classic-text-1: #fff;
--style-classic-text-2: #b2b2b2;
--style-classic-text-3: #808080;
--style-classic-text-4: #444;
--style-classic-line-apple: #424242;
--style-classic-line-banana: #333;
--style-classic-line-mango: #232323;
--style-classic-hover-line-apple: #7b7b7b;
--style-classic-hover-line-banana: #707070;
--style-classic-hover-line-mango: #656565;
--style-classic-shadow-dialog: 0px 24px 24px -6px rgba(0, 0, 0, 0.64), 0px 0px 1px 0px #747474;
--style-classic-dark-theme-gray-8: #2C2C35;
--style-classic-dark-theme-gray-11: #000;
--style-classic-accents-sea-green: #15FFAB;
--style-classic-accents-spring-green: #62F783;
--style-classic-linear: #CB9A1D;
--style-classic-color-primary: #0047FF;
--style-classic-amount: #2DE82A;
--style-classic-reward-bg: #0A2467;
--style-classic-card-linear-bg: linear-gradient(180deg, #171717 0%, rgba(19, 19, 19, 0.50) 73.22%, rgba(0, 0, 0, 0.00) 100%);
--style-classic-tips-blue: #343D54;
--style-classic-tips-yellow: #836B46;
--style-classic-tips-green: #405C40;
}