/* MD3 Palette for teal */
[data-color='teal'] {
  /* Primary colors */
  --primary-50: #f3fcfa;
  --primary-100: #d7f8f1;
  --primary-200: #b0f1e3;
  --primary-300: #82e4d3;
  --primary-400: #5bcdbb;
  --primary-500: #4db4a5;
  --primary-600: #3c9086;
  --primary-700: #32736c;
  --primary-800: #295b57;
  --primary-900: #254c48;
  --primary-950: #132d2c;

  /* Secondary colors */
  --secondary-50: #ffffff;
  --secondary-100: #f2fffd;
  --secondary-200: #daf3f0;
  --secondary-300: #bfe2de;
  --secondary-400: #a2c9c5;
  --secondary-500: #8db0ad;
  --secondary-600: #718e8c;
  --secondary-700: #5a7170;
  --secondary-800: #495a5a;
  --secondary-900: #3e4b4b;
  --secondary-950: #242d2d;

  /* Tertiary colors */
  --tertiary-50: #ffffff;
  --tertiary-100: #f5ffff;
  --tertiary-200: #def1ff;
  --tertiary-300: #c5deff;
  --tertiary-400: #a9c3f1;
  --tertiary-500: #94aad4;
  --tertiary-600: #7889ab;
  --tertiary-700: #616d88;
  --tertiary-800: #4f576c;
  --tertiary-900: #424859;
  --tertiary-950: #282b36;

  /* Neutral colors */
  --neutral-50: #f3faf9;
  --neutral-100: #e8f1ef;
  --neutral-200: #cfdad8;
  --neutral-300: #aebbb8;
  --neutral-400: #849390;
  --neutral-500: #576764;
  --neutral-600: #43504e;
  --neutral-700: #323d3b;
  --neutral-800: #1b2422;
  --neutral-900: #0d1312;
  --neutral-950: #030706;

  /* Neutral_variant colors */
  --neutral-variant-50: #f5f9f9;
  --neutral-variant-100: #e9f0f0;
  --neutral-variant-200: #d5e1e1;
  --neutral-variant-300: #c0d2d3;
  --neutral-variant-400: #8ca4a5;
  --neutral-variant-500: #688789;
  --neutral-variant-600: #4d7072;
  --neutral-variant-700: #3e5f61;
  --neutral-variant-800: #344d4e;
  --neutral-variant-900: #304142;
  --neutral-variant-950: #1c2627;

  /* Error colors */
  --error-50: #ffefec;
  --error-100: #ffe1db;
  --error-200: #ffc8c0;
  --error-300: #f0a99f;
  --error-400: #ec7063;
  --error-500: #e35044;
  --error-600: #d9312a;
  --error-700: #c32420;
  --error-800: #a72721;
  --error-900: #88251e;
  --error-950: #5a1a15;

}