[data-theme='dark'] {
  --content-brand-primary: #00ffbd;
  --content-brand-secondary: #191b1d;
  --content-primary: #ffffff;
  --content-primary-inverse: #1a2028;
  --content-secondary: #00febc;
  --content-tertiary: #000000;
  --content-green-primary: #3fd158;
  --content-red-primary: #ff294b;
  --content-caption: #ffffff;
  --content-info-primary: #6573f8;
  --content-warning-primary: #fda522;
  --content-yellow: #3a3000;

  --surface-primary: #121213;
  --surface-secondary: #1a1b1c;
  --surface-tertiary: #8a9bb1;
  --surface-green-primary: #ffffff;
  --surface-green-secondary: #383637;
  --surface-green-tertiary: #70f486;
  --surface-red-primary: #fb4462;
  --surface-red-secondary: #383637;
  --surface-red-tertiary: #56424a;
  --surface-brand-primary: #16a882;
  --surface-brand-secondary: #082e44;
  --surface-hover: #27282a;

  --border-primary: #525356;
  --border-brand-primary: #00ffad;
  --border-brand-secondary: #082e44;
  --border-content-secondary: #ffffff;
  --border-content-tertiary: #ffffff;

  --shadow-primary: #1a202800;
  --shadow-secondary: #22272f;
  --shadow-focused: #006aff;

  --label-blue: #212426;
  --label-light-gray: #22272f;
  --label-orange: #fda522;
  --label-orange-secondary: #492d01;
  --label-yellow: #ffd031;

  --button-secondary-pressed: #4a5768;
  --content-white: #ffffff;
  --button-success-default: #18bd5a;
  --button-success-hover: #0ab537;
  --button-success-pressed: #ffffff;
  --surface-secondary-alpha: rgba(19, 40, 42, 0);
  --button-brand-hover: #2edaad;
  --button-error-hover: #dd2e2e;
  --button-error-pressed: #000000;
  --button-brand-pressed: #c8ced1;

  --border-default: #4a5768;
  --surface-default: #4a5768;

  --chart-grid-line: rgba(113, 125, 150, 0.125);
}

[data-theme='light'] {
  --content-brand-primary: #00ca95;
  --content-brand-secondary: #082e44;
  --content-primary: #00cf99;
  --content-primary-inverse: #f9fafb;
  --content-secondary: #1f1f1f;
  --content-tertiary: #a9a9a9;
  --content-green-primary: #131414;
  --content-red-primary: #e12845;
  --content-caption: #000000;
  --content-info-primary: #6573f8;
  --content-warning-primary: #fda522;
  --content-yellow: #fff8e1;

  --surface-primary: #f7f7f7;
  --surface-secondary: #ececec;
  --surface-tertiary: #cacaca;
  --surface-green-primary: #000000;
  --surface-green-secondary: #a1edd9;
  --surface-green-tertiary: #54e1e1;
  --surface-red-primary: #d42323;
  --surface-red-secondary: #f1d0d6;
  --surface-red-tertiary: #fdf2f4;
  --surface-brand-primary: #26caa1;
  --surface-brand-secondary: #082e44;
  --surface-hover: #f3f5f7;
  --surface-hover-alpha: rgba(243, 245, 247, 0.6);
  --surface-base: #ffffff;

  --border-primary: #e4e9f1;
  --border-brand-primary: #c3c3c3;
  --border-brand-secondary: #082e44;
  --border-content-secondary: #64748c;
  --border-content-tertiary: #bbc4d3;

  --shadow-primary: #d6dce6;
  --shadow-secondary: #eaeef4;
  --shadow-focused: #deeafb;

  --label-blue: #f0f0f0;
  --label-light-gray: #d6dce6;
  --label-orange: #fda522;
  --label-orange-secondary: #fff9eb;
  --label-yellow: #ffd031;

  --button-secondary-pressed: #cdcfd1;
  --content-white: #ffffff;
  --button-success-default: #0b827b;
  --button-success-hover: #06726b;
  --button-success-pressed: #1e3f42;
  --surface-secondary-alpha: rgba(234, 238, 244, 0);
  --button-brand-hover: #232424;
  --button-error-hover: #cb2e47;
  --button-error-pressed: #8a2333;
  --button-brand-pressed: #44ee5e;

  --border-default: #232324;
  --surface-default: #bbc4d3;
}