[data-theme='dark'] {
  --content-brand-primary: #25c4ee;
  --content-brand-secondary: #082e44;
  --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: #6573f8;
  --content-warning-primary: #fda522;

  --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: #25c4ee;
  --surface-brand-secondary: #082e44;
  --surface-hover: #22272f;

  --border-primary: #2e3642;
  --border-brand-primary: #25c4ee;
  --border-brand-secondary: #082e44;
  --border-content-secondary: #bbc4d3;
  --border-content-tertiary: #4a5768;

  --shadow-primary: #1a2028;
  --shadow-secondary: #22272f;
  --shadow-focused: #deeafb;

  --label-blue: #082e44;
  --label-light-gray: #22272f;
  --label-orange: #fda522;
  --label-orange-secondary: #492d01;

  --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: #06a6d4;
  --button-error-hover: #cb2e47;
  --button-error-pressed: #8a2333;
  --button-brand-pressed: #0e6a90;

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

[data-theme='light'] {
  --content-brand-primary: #25c4ee;
  --content-brand-secondary: #082e44;
  --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: #6573f8;
  --content-warning-primary: #fda522;

  --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: #25c4ee;
  --surface-brand-secondary: #082e44;
  --surface-hover: #f3f5f7;

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

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

  --label-blue: #cff6fe;
  --label-light-gray: #d6dce6;
  --label-orange: #fda522;
  --label-orange-secondary: #fff9eb;

  --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: #06a6d4;
  --button-error-hover: #cb2e47;
  --button-error-pressed: #8a2333;
  --button-brand-pressed: #0e6a90;

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