:root {
  /*
   * Native CSS palette API.
   * Values mirror /library/scss/_colors.scss for legacy SCSS consumers.
   */
  --balter-primary-color: #A52133;
  --balter-primary-hover: #B24259;
  --balter-success-color: #78C67E;
  --balter-error-color: #D86A6A;

  --balter-red-pastel: #F18A8A;
  --balter-orange-pastel: #F9AE78;
  --balter-yellow-pastel: #FFE27A;
  --balter-green-pastel: #9FDCA0;
  --balter-blue-pastel: #99C9F1;
  --balter-purple-pastel: #BCA6DD;

  --balter-white: #FFFFFF;
  --balter-gray-light: #F0F0F0;
  --balter-gray-medium: #CCCCCC;
  --balter-text-primary: #2C2C2C;
  --balter-text-secondary: #555555;

  --balter-whitegray-1: #F8F8F8;
  --balter-whitegray-2: #F6F6F6;
  --balter-whitegray-3: #F1F1F1;
  --balter-gray-1: #757576;
  --balter-black-1: #000000;
  --balter-background-1: #F4F6FF;
  --balter-background-2: #E8E9F1;

  /* Legacy Balter palette exposed as CSS custom properties. */
  --balter-color-primary-0: #A52133;
  --balter-color-primary-1: #E36B7C;
  --balter-color-primary-2: #C13E50;
  --balter-color-primary-3: #85091A;
  --balter-color-primary-4: #5C000D;

  --balter-color-secondary-1-0: #AD5923;
  --balter-color-secondary-1-1: #EFA271;
  --balter-color-secondary-1-2: #CB7841;
  --balter-color-secondary-1-3: #8C3D0A;
  --balter-color-secondary-1-4: #612600;

  --balter-color-secondary-2-0: #166F5D;
  --balter-color-secondary-2-1: #489989;
  --balter-color-secondary-2-1-touch: rgba(117, 248, 222, 0.2);
  --balter-color-secondary-2-2: #2A8271;
  --balter-color-secondary-2-3: #065949;
  --balter-color-secondary-2-4: #003E32;

  --balter-color-complement-0: #3A931D;
  --balter-color-complement-1: #79CB60;
  --balter-color-complement-2: #54AC37;
  --balter-color-complement-3: #237608;
  --balter-color-complement-4: #145200;

  --balter-green-light: #F9FFF9;
  --balter-green-light-2: #F4FFF4;
  --balter-red-light: #FFF9F9;
  --balter-red-light-2: #FFF4F4;

  --balter-blue-1: #337AB7;
  --balter-blue-1-dark: #2B689B;
  --balter-blue-2: #3595F6;
  --balter-cyan-1: #00B5D5;
  --balter-blue-3: #006DF3;
  --balter-slate-1: #3E4D6C;
  --balter-orange-1: #FFA500;
  --balter-orange-1-dark: #EC9800;
  --balter-orange-2: #D56B00;
  --balter-green-1: #008000;
  --balter-green-1-dark: #007200;
}