:root {
  --basic-brand-blue: #0071FD;
  --basic-brand-cyan: #00CAEC;
  --basic-red: #E84026;
  --basic-red-light: #FEC8BF;
  --basic-orange: #F55E00;
  --basic-orange-light: #FEDBBF;
  --basic-green: #2BB31F;
  --basic-green-light: #B2E9B1;
  --yellow: #ED9821;
  --yellow-light: #FFFCF0;
  --magenta: #DA20CA;
  --magenta-light: #EFC5EE;
  --purple: #8827FF;
  --purple-light: #E0CBF3;
  --legacy-green: #00AD78;
  --text-primary: #151B1F;
  --text-secondary: #151B1F8C;
  --text-tertiary: #151B1F59;
  --text-quaternary: #151B1F33;
  --text-highlight: #0071FD;
  --text-inverse-primary: #FFFFFF;
  --text-inverse-secondary: #FFFFFF99;
  --text-inverse-tertiary: #FFFFFF59;
  --text-inverse-quaternary: #FFFFFF2B;
  --text-cyan: #00A4C4;
  --text-green: #21871B;
  --text-orange: #F55E00;
  --text-red: #E84026;
  --text-yellow: #CC8316;
  --text-magenta: #DA20CA;
  --text-purple: #8827FF;
  --text-inverse-overlay-primary: #151B1F;
  --text-inverse-overlay-secondary: #151B1F8C;
  --text--legacy-green: #00AD78;
  --bg-primary: #FFFFFF;
  --bg-secondary: #F6F7F8;
  --bg-tertiary: #ECEEF0;
  --bg-blue-primary: #DDF0FF;
  --bg-blue-secondary: #CFEBFF;
  --bg-blue-highlight: #0071FD;
  --bg-cyan-primary: #EAFFFF;
  --bg-cyan-secondary: #C8FEFF;
  --bg-cyan-quaternary: #00CAEC;
  --bg-legacy-green-primary: #E8FAF5;
  --bg-legacy-green-secondary: #DAF7EE;
  --bg-legacy-green-highlight: #00AD78;
  --card-primary: #FFFFFF;
  --card-secondary: #FFFFFF99;
  --card-blue-secondary: #DDF0FF;
  --card-blue-primary: #BDE6FF;
  --card-blue-highlight: #0071FD;
  --card-cyan-secondary: #EAFFFF;
  --card-cyan-primary: #C8FEFF;
  --card-cyan-highlight: #00CAEC;
  --card-border: #FFFFFF4D;
  --card-yellow-secondary: #FFF6D7;
  --card-yellow-primary: #FBDB90;
  --card-yellow-highlight: #ED9821;
  --card-popup: #FFFFFF;
  --card-legacy-green: #C4F5E6;
  --card-legacy-green-secondary: #E8FAF5;
  --card-legacy-green-highlight: #00AD78;
  --tooltip-primary: #FFFFFF;
  --tooltip-secondary: #DFE3E7;
  --tooltip-blue-primary: #0071FD;
  --tooltip-blue-secondary: #1985FF;
  --tooltip-blue-tertiary: #CFEBFF;
  --tooltip-legacy-green: #00AD78;
  --tooltip-legacy-green-secondary: #1DBF8E;
  --tooltip-legacy-green-tertiary: #C4F5E6;
  --element-bg-primary: #DFE3E7;
  --element-bg-semi-transparent: #B6C0C833;
  --element-bg-inverse-semi-transparent: #FFFFFF33;
  --element-bg-secondary: #ECEEF0;
  --element-bg-blue-highlight: #0071FD;
  --element-bg-blue-secondary: #0071FD14;
  --element-bg-cyan-highlight: #00CAEC;
  --element-bg-cyan-secondary: #00CAEC26;
  --element-bg-yellow-highlight: #ED9821;
  --element-bg-yellow-secondary: #ED982126;
  --element-bg-orange-highlight: #F55E00;
  --element-bg-orange-secondary: #F55E0026;
  --element-bg-inverse: #FFFFFF;
  --element-bg-semi-transparent-secondary: #B6C0C81A;
  --element-bg-green-highlight: #2BB31F;
  --element-bg-green-secondary: #2BB31F33;
  --element-bg-white: #FFFFFF;
  --element-bg-dark: #36444E;
  --element-bg-legacy-green-highlight: #00AD78;
  --element-bg-legacy-green: #00AD781A;
  --divider: #36444E1F;
  --divider-inverse: #FFFFFF29;
  --divider-inverse-overlay: #36444E1F;
  --gradient-mask-primary: #FFFFFF00;
  --gradient-mask-secondary: #F6F7F800;
  --gradient-mask-tertiary: #ECEEF000;
  --gradient-mask-blue-primary: #DDF0FF00;
  --gradient-mask-blue-secondary: #CFEBFF00;
  --gradient-mask-blue-highlight: #0071FD00;
  --gradient-mask-cyan-primary: #EAFFFF00;
  --gradient-mask-cyan-secondary: #C8FEFF00;
  --gradient-mask-cyan-highlight: #00CAEC00;
  --gradient-mask-card-primary: #FFFFFF00;
  --gradient-mask-legacy-primary: #E8FAF500;
  --gradient-mask-legacy-secondary: #DAF7EE00;
  --gradient-mask-legacy-highlight: #00AD7800;
  --screen-mask: #00000080;
  --screen-dark-mask: #000000E0;
  --tabFontColor: #7e8284;
  --tabSelectedColor: #0071FD;
  --tabBgColor: #FFFFFF;
  --backgroundColor: #FFFFFF;
  --backgroundColorTop: #eeeeee;
  --backgroundColorBottom: #eeeeee;
  --navigationBarBackgroundColor: #f6f6f6
}

@media(prefers-color-scheme: dark2) {
  :root {
    --basic-brand-blue: #2587FF;
    --basic-brand-cyan: #02DAFF;
    --basic-red: #FE472A;
    --basic-red-light: #44201F;
    --basic-orange: #FF7D2C;
    --basic-orange-light: #47270B;
    --basic-green: #38BC2C;
    --basic-green-light: #0F310E;
    --yellow: #F7A725;
    --yellow-light: #38290B;
    --magenta: #E43FD6;
    --magenta-light: #5C1356;
    --purple: #953FFF;
    --purple-light: #3E0F5F;
    --legacy-green: #00AD78;
    --text-primary: #DFE3E7;
    --text-secondary: #DFE3E799;
    --text-tertiary: #DFE3E759;
    --text-quaternary: #DFE3E72B;
    --text-highlight: #2587FF;
    --text-inverse-primary: #FFFFFF;
    --text-inverse-secondary: #FFFFFF99;
    --text-inverse-tertiary: #FFFFFF59;
    --text-inverse-quaternary: #FFFFFF2B;
    --text-cyan: #00C3E5;
    --text-green: #5CC356;
    --text-orange: #FF7D2C;
    --text-red: #FE472A;
    --text-yellow: #F6B83C;
    --text-magenta: #E43FD6;
    --text-purple: #953FFF;
    --text-inverse-overlay-primary: #171A1C;
    --text-inverse-overlay-secondary: #171A1C8C;
    --text--legacy-green: #00AD78;
    --bg-primary: #111415;
    --bg-secondary: #111415;
    --bg-tertiary: #111415;
    --bg-blue-primary: #111415;
    --bg-blue-secondary: #111415;
    --bg-blue-highlight: #2587FF;
    --bg-cyan-primary: #111415;
    --bg-cyan-secondary: #111415;
    --bg-cyan-quaternary: #02DAFF;
    --bg-legacy-green-primary: #E8FAF5;
    --bg-legacy-green-secondary: #DAF7EE;
    --bg-legacy-green-highlight: #00AD78;
    --card-primary: #24282C;
    --card-secondary: #1D2023;
    --card-blue-secondary: #1D3552;
    --card-blue-primary: #244D80;
    --card-blue-highlight: #2587FF;
    --card-cyan-secondary: #00171D;
    --card-cyan-primary: #012B34;
    --card-cyan-highlight: #02DAFF;
    --card-border: #FFFFFF0F;
    --card-yellow-secondary: #38290B;
    --card-yellow-primary: #543B0E;
    --card-yellow-highlight: #F7A725;
    --card-popup: #2C3135;
    --card-legacy-green: #C4F5E6;
    --card-legacy-green-secondary: #E8FAF5;
    --card-legacy-green-highlight: #00AD78;
    --tooltip-primary: #343A3F;
    --tooltip-secondary: #24282C;
    --tooltip-blue-primary: #2587FF;
    --tooltip-blue-secondary: #0269E6;
    --tooltip-blue-tertiary: #19293D;
    --tooltip-legacy-green: #00AD78;
    --tooltip-legacy-green-secondary: #1DBF8E;
    --tooltip-legacy-green-tertiary: #C4F5E6;
    --element-bg-primary: #41484D;
    --element-bg-semi-transparent: #FFFFFF14;
    --element-bg-inverse-semi-transparent: #FFFFFF1A;
    --element-bg-secondary: #343A3F;
    --element-bg-blue-highlight: #2587FF;
    --element-bg-blue-secondary: #2587FF29;
    --element-bg-cyan-highlight: #02DAFF;
    --element-bg-cyan-secondary: #02DAFF2E;
    --element-bg-yellow-highlight: #F7A725;
    --element-bg-yellow-secondary: #F7A72526;
    --element-bg-orange-highlight: #FF7D2C;
    --element-bg-orange-secondary: #FF7D2C2E;
    --element-bg-inverse: #FFFFFF;
    --element-bg-semi-transparent-secondary: #FFFFFF14;
    --element-bg-green-highlight: #38BC2C;
    --element-bg-green-secondary: #38BC2C2E;
    --element-bg-white: #24282C;
    --element-bg-dark: #41484D;
    --element-bg-legacy-green-highlight: #00AD78;
    --element-bg-legacy-green: #00AD781A;
    --divider: #FFFFFF29;
    --divider-inverse: #FFFFFF29;
    --divider-inverse-overlay: #343A3F1F;
    --gradient-mask-primary: #11141500;
    --gradient-mask-secondary: #11141500;
    --gradient-mask-tertiary: #11141500;
    --gradient-mask-blue-primary: #11141500;
    --gradient-mask-blue-secondary: #11141500;
    --gradient-mask-blue-highlight: #2587FF00;
    --gradient-mask-cyan-primary: #11141500;
    --gradient-mask-cyan-secondary: #11141500;
    --gradient-mask-cyan-highlight: #02DAFF00;
    --gradient-mask-card-primary: #24282C00;
    --gradient-mask-legacy-primary: #E8FAF500;
    --gradient-mask-legacy-secondary: #DAF7EE00;
    --gradient-mask-legacy-highlight: #00AD7800;
    --screen-mask: #000000B2;
    --screen-dark-mask: #000000E0;
    --tabFontColor: #848c93;
    --tabSelectedColor: #2587FF;
    --tabBgColor: #2C3135;
    --backgroundColor: #111415;
    --backgroundColorTop: #111415;
    --backgroundColorBottom: #111415;
    --navigationBarBackgroundColor: #111415
  }
}