:root {
  --bg-color-primary: #1d262c;
  --bg-color-secondary: #2d3640;
  --bg-color-tetriary: #1d262c;
  --bg-color-quaternary: #3e4458;
  --bg-color-heatmap-date: #555a6b;
  --bg-color-modal-forms: #3e4458;
  --bg-color-switcher: #1d262c;
  --bg-color-switcher-gray-form: transparent;
  --bg-color-credit-input: transparent;
  --bg-color-trader-stats: linear-gradient(180deg, #3e4458, rgba(62, 68, 88, 0.51));
  --bg-color-trader-stats-profit: #434d65;
  --bg-color-trader-details: linear-gradient(176.01deg, #3e4458 1.14%, #262d33 100.21%);
  --bg-color-report-graph: #29323b;
  --bg-color-report-graph-sep: rgba(255, 255, 255, 0.4);
  --bg-color-report-graph-transparent: rgba(41, 50, 59, 0.5);
  --bg-color-report-graph-table: linear-gradient(to top, #262d33, #3e4458);
  --bg-color-report-graph-table-selected: linear-gradient(to top, #3d4d5b, #7f92d1);
  --bg-color-report-graph-progress: #262d33;
  --bg-color-chart: linear-gradient(177.18deg, #3e4458 1.14%, #262d33 100.21%);
  --bg-color-crypto-news: linear-gradient(to top, #3e4458, #262d33);
  --bg-color-refferal: linear-gradient(176.72deg, #3e4458 1.14%, #262d33 100.21%);
  --bg-color-session: #2d3238;
  --bg-color-session-active: linear-gradient(180deg, #45745E 0%, #3E4458 37.5%, rgba(45, 50, 56, 0.51) 100%);
  --bg-color-tariff: linear-gradient(141.04deg, #3e4458 0%, rgba(29, 38, 44, 0.51) 79.2%);
  --bg-color-tariff-footer: linear-gradient(156.78deg, #3e4458 0%, rgba(29, 38, 44, 0.51) 79.2%);
  --bg-color-tariff-table: #262d33;
  --bg-color-tariff-table-odd: rgba(29, 38, 44, 0.34);
  --bg-color-tariff-table-even: #262d33;
  --bg-color-tariff-data: rgba(255, 255, 255, 0.1);
  --bg-color-tariff-pay: linear-gradient(180deg, #3e4458 0%, rgba(45, 50, 56, 0.51) 100%);
  --bg-color-tariff-pay-active: linear-gradient(79.4deg, #12aa93 1.96%, #7bc03f 126.87%), #1bad5a;
  --bg-color-progressbar-red: #5c2b2b;
  --bg-color-progressbar-blue: #284165;
  --bg-color-table-header: #2d3238;
  --bg-color-row : #3e4458;
  --bg-color-row-transparent : rgba(62, 68, 88, 0.5);
  --bg-color-dropdown: #555a6b;
  --bg-color-dropdown-hover: #868c9d;
  --bg-color-forms: #1d262c;
  --bg-color-input-secondary: #2d3238;
  --bg-color-search: #444a5e;
  --bg-color-overlay: #1d262c;
  --bg-color-accordeon-active-sub-option: #555a6b;
  --bg-color-progressbar: #525768;
  --bg-color-active-quote: #131921;
  --bg-color-button-hover: #2f363c;
  --bg-color-expanded: rgba(45, 50, 56, 0.5);
  --bg-symbol-transparent-30: rgba(62, 68, 88, 0.3);
  --bg-color-active-pair: #2d3238;
  --bg-color-change-price-positive: rgba(93, 159, 250, 0.5);
  --bg-color-change-price-negative: rgba(250, 93, 93, 0.5);
  --font-color-leverage: rgba(255, 255, 255, 0.5);
  --font-color-primary: #ffffff;
  --font-color-quotes-percentage: #ffffff;
  --font-color-primary-transparent: rgba(255, 255, 255, 0.5);
  --font-color-primary-transparent-25: rgba(255, 255, 255, 0.25);
  --font-color-primary-transparent-30: rgba(255, 255, 255, 0.30);
  --font-color-primary-transparent-75: rgba(255, 255, 255, 0.7);
  --font-hover-primary: #5d9ffa;
  --font-color-locale: #aab3be;
  --font-color-tab: rgba(255, 255, 255, 0.5);
  --font-color-tab-hover: #ffffff;
  --font-color-accordeon-sub-option: rgba(255, 255, 255, 0.7);
  --border-color-primary: #0e1523;
  --border-color-secondary: #3e4458;
  --border-color-tetriary: #1d262c;
  --border-color-quaternary: #3e4458;
  --border-color-quinary: #394056;
  --border-color-input: #555a6b;
  --border-color-input-secondary: #868c9d;
  --border-color-input-pay: #ffffff;
  --border-color-dropdown: #868c9d;
  --border-color-locale: #3e4458;
  --border-color-bot-locale: #868c9d;
  --border-color-forms: #3e4458;
  --border-color-graph-line: #576079;
  --border-color-search-option: #868c9d;
  --border-color-modal: #3e4458;
  --border-color-tab-pair: #3e4458;
  --border-color-tab-pair-active: rgba(255, 255, 255, 0.5);
  --border-color-heatmap-active-row: #5d9ffa;
  --opacity-label: 0.5;
  --quotes-tab-count: 5;
  --quotes-tab--margin-r: 4;
  --quotes-tab--width: 110;
  --faq-title: #e5e5e5;
  --bg-color-active-orders: #1c2125;
  --color-europe: #b26f3e;
  --color-asia: #b2953e;
  --color-america: #703699;
  --color-pacific: #308c75;
  --bg-color-click-trade-form: rgba(29, 38, 44, 0.7);
  --bg-color-period-to-choose: rgba(255, 255, 255, 0.05);
  --bg-color-period-hover: rgba(255, 255, 255, 0.15);
  --bg-color-period-selected: rgba(255, 255, 255, 0.3);
  --bg-color-period: rgba(255, 255, 255, 0.1);
}
[data-theme="theme-light"] {
  --bg-color-primary: #fafcfe;
  --bg-color-secondary: #bfc8d0;
  --bg-color-tetriary: #d8dce2;
  --bg-color-quaternary: rgba(175, 179, 190, 0.2);
  --bg-color-heatmap-date: #d8dce2;
  --bg-color-modal-forms: #d8dce2;
  --bg-color-switcher: #d8dce2;
  --bg-color-switcher-gray-form: #d8dce2;
  --bg-color-credit-input: #fafcfe;
  --bg-color-trader-stats: linear-gradient(180deg, #dbeaff, rgba(227, 233, 241, 0.5));
  --bg-color-trader-stats-profit: #a5c1e6;
  --bg-color-trader-details: linear-gradient(180deg, #d6e7ff, rgba(214, 231, 255, 0.5));
  --bg-color-report-graph: rgba(40, 75, 115, 0.2);
  --bg-color-report-graph-sep: rgba(14, 51, 104, 0.4);
  --bg-color-report-graph-transparent: #d8dce2;
  --bg-color-report-graph-table: #e3e9f1;
  --bg-color-report-graph-table-selected: #abcdfc;
  --bg-color-report-graph-progress: #a5c1e6;
  --bg-color-chart: linear-gradient(166.19deg, #dbeaff 0%, rgba(219, 234, 255, 0.17) 100.48%);
  --bg-color-crypto-news: linear-gradient(177.12deg, #c4d4e7 1.14%, rgba(196, 212, 231, 0.8) 100.21%);
  --bg-color-refferal: linear-gradient(111.2deg, #c4d4e7 0%, rgba(196, 212, 231, 0.8) 98.58%);
  --bg-color-session: rgba(196, 212, 231, 0.5);
  --bg-color-session-active: linear-gradient(179.99deg, #c6ffde 0.19%, #dbeaff 32.88%, rgba(219, 234, 255, 0.17) 99.82%);
  --bg-color-tariff: linear-gradient(131.95deg, #c4d4e7 0%, rgba(196, 212, 231, 0.17) 100.48%);
  --bg-color-tariff-footer: linear-gradient(137.54deg, #c4d4e7 0%, rgba(196, 212, 231, 0.8) 100%);
  --bg-color-tariff-table: #fafcfe;
  --bg-color-tariff-table-odd: #d8dce2;
  --bg-color-tariff-table-even: #fafcfe;
  --bg-color-tariff-data: rgba(93, 159, 250, 0.3);
  --bg-color-tariff-pay: linear-gradient(180deg, #c4d4e7 0%, rgba(196, 212, 231, 0.8) 100%);
  --bg-color-tariff-pay-active: #c4d4e7;
  --bg-color-progressbar-red: rgba(92, 43, 43, 0.2);
  --bg-color-progressbar-blue: rgba(40, 65, 101, 0.2);
  --bg-color-table-header: #d8dce2;
  --bg-color-row : #c4d4e7;
  --bg-color-row-transparent : rgba(196, 212, 231, 0.5);
  --bg-color-dropdown: #d8dce2;
  --bg-color-dropdown-hover: #d6e7ff;
  --bg-color-forms: #d8dce2;
  --bg-color-input-secondary: #f1f2f2;
  --bg-color-search: #d8dce2;
  --bg-color-overlay: #ffffff;
  --bg-color-accordeon-active-sub-option: #d6e7ff;
  --bg-color-progressbar: #afb3be;
  --bg-color-active-quote: #c4d4e7;
  --bg-color-button-hover: #e7f1fd;
  --bg-color-expanded: rgba(224, 232, 243, 0.5);
  --bg-symbol-transparent-30: rgba(191, 200, 208, 0.3);
  --bg-color-active-pair: #f1f2f2;
  --font-color-leverage: rgba(255, 255, 255, 1);
  --font-color-primary: #0e3368;
  --font-color-quotes-percentage: #ffffff;
  --font-color-primary-transparent: rgba(14, 51, 104, 0.5);
  --font-color-primary-transparent-25: rgba(14, 51, 104, 0.25);
  --font-color-primary-transparent-30: rgba(14, 51, 104, 0.30);
  --font-color-primary-transparent-75: rgba(14, 51, 104, 0.7);
  --font-color-locale: #0e3368;
  --font-hover-primary: #5d9ffa;
  --font-color-tab: #0e3368;
  --font-color-tab-hover: #5d9ffa;
  --font-color-accordeon-sub-option: rgba(14, 51, 104, 0.7);
  --border-color-primary: #bfc8d0;
  --border-color-secondary: #d8dce2;
  --border-color-tetriary: #fafcfe;
  --border-color-quaternary: #3e4458;
  --border-color-quinary: rgba(14, 51, 104, 0.2);
  --border-color-input: #bfc8d0;
  --border-color-input-secondary: #bfc8d0;
  --border-color-input-pay: #bfc8d0;
  --border-color-dropdown: #d6e7ff;
  --border-color-locale: #bfc8d0;
  --border-color-bot-locale: #3e4458;
  --border-color-forms: #bfc8d0;
  --border-color-graph-line: #284b75;
  --border-color-search-option: #868c9d;
  --border-color-modal: #868c9d;
  --border-color-tab-pair: #d8dce2;
  --border-color-tab-pair-active: rgba(14, 51, 104, 0.5);
  --border-color-heatmap-active-row: #0e3368;
  --opacity-label: 1;
  --faq-title: #0e3368;
  --bg-color-active-orders: #ffffff;
  --bg-color-period-to-choose: rgba(216, 220, 226, 0.3);
  --bg-color-period-hover: rgba(216, 220, 226, 0.7);
  --bg-color-period-selected: #d8dce2;
  --bg-color-period: #d8dce2;
}