[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;
    --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: #25c4ee;
    --surface-brand-secondary: #082e44;
    --surface-hover: #22272f;
    --surface-hover-alpha: rgba(34, 39, 47, 0.6);
    --surface-base: #000000;
  
    --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;
    --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: #06a6d4;
    --button-error-hover: #cb2e47;
    --button-error-pressed: #8a2333;
    --button-brand-pressed: #0e6a90;
  
    --border-default: #4a5768;
    --surface-default: #4a5768;
  
    --chart-grid-line: rgba(113, 125, 150, 0.125);
  }
  
  [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;
    --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: #25c4ee;
    --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: #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;
    --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: #06a6d4;
    --button-error-hover: #cb2e47;
    --button-error-pressed: #8a2333;
    --button-brand-pressed: #0e6a90;
  
    --border-default: #bbc4d3;
    --surface-default: #bbc4d3;
  
    --chart-grid-line: rgba(113, 125, 150, 0.125);
  }