[data-theme='catawba-light'] {
  --neutrals-background: #ffffff;
  --neutrals-background-hover: #efefef;
  --neutrals-background-light: #f3f4f5;
  --neutrals-border: #dbdcdc;
  --neutrals-border-active: #949aa1;
  --neutrals-text-disabled: #bababa;
  --neutrals-text-weak-passive: #aeb3b8;
  --neutrals-text-weak-active: #656d77;
  --neutrals-text: #323232;
  --neutrals-text-contrast: #fafdff;
  --neutrals-icon-disabled: #bababa;
  --neutrals-icon: #656d77;
  --neutrals-icon-active: #323232;
  --primary-background-cta: #345781;
  --primary-background-cta-hover: #254163; /* fake inserted by dev */
  --primary-background: #ebf4ff;
  --primary-background-hover: #f3f7fb;
  --primary-border: #416da3;
  --primary-border-active: #335580;
  --primary-icon: #2f4e74;
  --primary-text: #223650;
  --primary-text-contrast: #fafdff;
  --secondary-background-cta: #977d4e;
  --secondary-background: #ddc79e;
  --secondary-background-hover: #766444;
  --secondary-border: #b19767;
  --secondary-border-active: #9e865a;
  --secondary-icon: #977d4e;
  --secondary-text: #9c7b41;
  --select-background-light: #eef7fa;
  --select-background: #e3f9ff;
  --select-border: #c9e6ef;
  --select-border-active: #8ac6da;
  --select-icon: #73b6cc;
  --select-text: #0bace1;
  --success-background-light: #f5fff7;
  --success-background: #e1f9e4;
  --success-border: #9ed7a7;
  --success-border-active: #8ac593;
  --success-icon: #5c9e66;
  --success-text: #4b925b;
  --danger-background-light: #fff0f0;
  --danger-background: #ebdbdb;
  --danger-border: #edb0b0;
  --danger-border-active: #e29191;
  --danger-icon: #e27d7d;
  --danger-text: #d05151;
  --warning-background-light: #faf4ee;
  --warning-background: #efdeca;
  --warning-border: #ecbf8c;
  --warning-border-active: #e1aa6b;
  --warning-icon: #b8854b;
  --warning-text: #996f3e;
}

[data-theme='catawba-dark'] {
  --primary-background-cta: #345781;
  --primary-background-cta-hover: #254163; /* fake inserted by dev */
  --primary-background: #1d3046;
  --primary-background-hover: #3d5b79;
  --primary-border: #416da3;
  --primary-border-active: #507eb8;
  --primary-icon: #5b87bc;
  --primary-text: #b8c9dd;
  --primary-text-contrast: #fafdff;
  --neutrals-background: #171717;
  --neutrals-background-hover: #333333;
  --neutrals-background-light: #2c2c2c;
  --neutrals-border: #393939;
  --neutrals-border-active: #585858;
  --neutrals-text-disabled: #4a4a4a;
  --neutrals-text-weak-passive: #696969;
  --neutrals-text-weak-active: #9c9c9c;
  --neutrals-text: #f2f2f2;
  --neutrals-text-contrast: #131313;
  --neutrals-icon-disabled: #5b5b5b;
  --neutrals-icon: #727272;
  --neutrals-icon-active: #f2f2f2;
  --secondary-background-cta: #977d4e;
  --secondary-background: #ddc79e;
  --secondary-background-hover: #766444;
  --secondary-border: #b19767;
  --secondary-border-active: #9e865a;
  --secondary-icon: #977d4e;
  --secondary-text: #9c7b41;
  --select-background-light: #eef7fa;
  --select-background: #e3f9ff;
  --select-border: #c9e6ef;
  --select-border-active: #8ac6da;
  --select-icon: #73b6cc;
  --select-text: #0bace1;
  --success-background-light: #f5fff7;
  --success-background: #e1f9e4;
  --success-border: #9ed7a7;
  --success-border-active: #8ac593;
  --success-icon: #5c9e66;
  --success-text: #4b925b;
  --danger-background-light: #fff0f0;
  --danger-background: #ebdbdb;
  --danger-border: #edb0b0;
  --danger-border-active: #e29191;
  --danger-icon: #e27d7d;
  --danger-text: #d05151;
  --warning-background-light: #faf4ee;
  --warning-background: #efdeca;
  --warning-border: #ecbf8c;
  --warning-border-active: #e1aa6b;
  --warning-icon: #b8854b;
  --warning-text: #996f3e;
}