:root {
  --bg: rgba(255, 255, 255, 1);
  --bg-support: rgba(255, 255, 255, 1);
  --bg-btn: rgba(246, 247, 248, 1);
  --bg-btn-active: rgba(245, 248, 255, 1);
  --bg-message: rgba(246, 247, 248, 1);
  --message-support: rgba(5, 26, 109, 0.04);
  --color-message-support:rgb(43, 43, 45);
  --bg-message-support-your:#feefe7;
  --color-btn: rgb(130, 141, 156);
  --color-btn-active: #f18f19;
  --color-btn-theme: rgba(255, 255, 255, 1);
  --color-border: rgba(228, 235, 248, 1);
  --color-border-input:rgba(201, 212, 235, 1);
  --color-white: rgba(255, 255, 255, 1);
  --color-black: rgba(22, 25, 37, 1);
  --color-silver: rgba(130, 141, 156, 1);
  --color-blue: #f18f19;
  --color-blue-link: #f18f19;
  --color-orange: rgba(247, 147, 26, 1);
  --color-green: rgba(83, 174, 158, 1);
  --color-red: rgba(255, 95, 73, 1);
  --color-scroll-bar: #f18f19;
  --bg-btn-modal: #f18f19;
  --color-icon-modal: #f18f19;
  --color-border-modal: #f18f19;
  --color-text-modal: #f18f19;
  --color-btn-modal: #f18f19;
  --color-platform: #f18f19;
}

.dark-theme {
  --bg: rgba(22, 22, 33, 1);
  --bg-support: rgba(35, 35, 45, 1);
  --bg-btn: rgba(45, 45, 55, 1);
  --bg-btn-active: #f18f19;
  --bg-message: rgba(255, 255, 255, 0.04);
  --message-support: rgba(255, 255, 255, 0.06);
  --color-btn: rgba(255, 255, 255, 0.6);
  --color-btn-active: rgba(255, 255, 255, 1);
  --color-btn-theme: rgba(255, 255, 255, 0.15);
  --color-border: rgba(51, 51, 63, 1);
  --color-border-input:rgba(255, 255, 255, 0.15);
  --color-black: rgba(255, 255, 255, 1);
  --color-silver: rgba(255, 255, 255, 0.6);
  --color-blue-link: #f18f19;
}