[data-theme='dark'] {
  --content-brand-primary: #187062;
  --content-brand-secondary: #0B3A2D;
  --content-primary: #F9FAFB;
  --content-primary-inverse: #1A2028;
  --content-secondary: #BBC4D3;
  --content-tertiary: #4A5768;
  --content-green-primary: #3FD1C2;
  --content-red-primary: #F0546D;
  --content-caption: #95A4BB;
  --content-info-primary: #1A8B7A;
  --content-warning-primary: #FDA522;
    --content-yellow: #3a3000;

  --surface-primary: #1a2028;
  --surface-secondary: #2E3642;
  --surface-tertiary: #4A5768;
  --surface-green-primary: #3FD1C2;
  --surface-green-secondary: #1E3F42;
  --surface-green-tertiary: #13282A;
  --surface-red-primary: #F0546D;
  --surface-red-secondary: #422631;
  --surface-red-tertiary: #27161D;
  --surface-brand-primary: #187062;
  --surface-brand-secondary: #0B3A2D;
  --surface-hover: #22272F;
  --surface-hover-alpha: rgba(34, 39, 47, 0.6);
  --surface-base: #000000;

  --border-primary: #2E3642;
  --border-brand-primary: #187062;
  --border-brand-secondary: #0B3A2D;
  --border-content-secondary: #BBC4D3;
  --border-content-tertiary: #4A5768;

  --shadow-primary: #1A2028;
  --shadow-secondary: #22272F;
  --shadow-focused: #1A8B7A;

  --label-blue: #0B3A2D;
  --label-light-gray: #22272F;
  --label-orange: #FDA522;
  --label-orange-secondary: #492D01;
  --label-yellow: #ffd031;

  --button-secondary-pressed: #4a5768;
  --content-white: #F9FAFB;
  --button-success-default: #16A9A0;
  --button-success-hover: #0B827B;
  --button-success-pressed: #06726B;
  --surface-secondary-alpha: rgba(19, 40, 42, 0);
  --button-brand-hover: #1A8B7A;
  --button-error-hover: #CB2E47;
  --button-error-pressed: #8A2333;
  --button-brand-pressed: #12554A;

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

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

[data-theme='light'] {
  --content-brand-primary: #187062;
  --content-brand-secondary: #0B3A2D;
  --content-primary: #1A2028;
  --content-primary-inverse: #F9FAFB;
  --content-secondary: #64748C;
  --content-tertiary: #BBC4D3;
  --content-green-primary: #0B827B;
  --content-red-primary: #DE3550;
  --content-caption: #95A4BB;
  --content-info-primary: #1A8B7A;
  --content-warning-primary: #FDA522;
  --content-yellow: #fff8e1;

  --surface-primary: #f9fafb;
  --surface-secondary: #EAEEF4;
  --surface-tertiary: #BBC4D3;
  --surface-green-primary: #0B827B;
  --surface-green-secondary: #C7E0DF;
  --surface-green-tertiary: #E8F2F2;
  --surface-red-primary: #DE3550;
  --surface-red-secondary: #F1D0D6;
  --surface-red-tertiary: #FDF2F4;
  --surface-brand-primary: #187062;
  --surface-brand-secondary: #0B3A2D;
  --surface-hover: #F3F5F7;
  --surface-hover-alpha: rgba(243, 245, 247, 0.6);
  --surface-base: #FFFFFF;

  --border-primary: #E4E9F1;
  --border-brand-primary: #187062;
  --border-brand-secondary: #0B3A2D;
  --border-content-secondary: #64748C;
  --border-content-tertiary: #BBC4D3;

  --shadow-primary: #D6DCE6;
  --shadow-secondary: #EAEEF4;
  --shadow-focused: #1A8B7A;

  --label-blue: #CFF5E8;
  --label-light-gray: #D6DCE6;
  --label-orange: #FDA522;
  --label-orange-secondary: #FFF9EB;
  --label-yellow: #ffd031;

  --button-secondary-pressed: #d6dce6;
  --content-white: #F9FAFB;
  --button-success-default: #0B827B;
  --button-success-hover: #06726B;
  --button-success-pressed: #1E3F42;
  --surface-secondary-alpha: rgba(234, 238, 244, 0);
  --button-brand-hover: #1A8B7A;
  --button-error-hover: #CB2E47;
  --button-error-pressed: #8A2333;
  --button-brand-pressed: #12554A;

  --border-default: #BBC4D3;
  --surface-default: #BBC4D3;

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