/* MD3 Palette for purple */
[data-color='purple'] {
  /* Primary colors */
  --primary-50: #f9f6fd;
  --primary-100: #f1e9fa;
  --primary-200: #e6d8f6;
  --primary-300: #d4b9f2;
  --primary-400: #b88ae9;
  --primary-500: #a165e1;
  --primary-600: #8c4bd3;
  --primary-700: #773db7;
  --primary-800: #653595;
  --primary-900: #522c76;
  --primary-950: #361955;

  /* Secondary colors */
  --secondary-50: #ffffff;
  --secondary-100: #fbf7fe;
  --secondary-200: #eee7f2;
  --secondary-300: #d8cbe0;
  --secondary-400: #b7a2c5;
  --secondary-500: #9d83b1;
  --secondary-600: #876d9f;
  --secondary-700: #735c88;
  --secondary-800: #614d70;
  --secondary-900: #4f3f5a;
  --secondary-950: #34293e;

  /* Tertiary colors */
  --tertiary-50: #ffffff;
  --tertiary-100: #fff8f6;
  --tertiary-200: #ffe6e2;
  --tertiary-300: #f5c6c0;
  --tertiary-400: #e3968e;
  --tertiary-500: #d2706c;
  --tertiary-600: #be5656;
  --tertiary-700: #a44748;
  --tertiary-800: #883e3b;
  --tertiary-900: #6d3430;
  --tertiary-950: #4c1f1e;

  /* Neutral colors */
  --neutral-50: #f9f7fd;
  --neutral-100: #f0edf4;
  --neutral-200: #d9d6de;
  --neutral-300: #b9b5bf;
  --neutral-400: #918d98;
  --neutral-500: #66616d;
  --neutral-600: #4f4b55;
  --neutral-700: #3c3941;
  --neutral-800: #232026;
  --neutral-900: #121115;
  --neutral-950: #060508;

  /* Neutral_variant colors */
  --neutral-variant-50: #faf8fa;
  --neutral-variant-100: #f1edf1;
  --neutral-variant-200: #e2dbe3;
  --neutral-variant-300: #d4cad5;
  --neutral-variant-400: #a799a9;
  --neutral-variant-500: #8a7a8d;
  --neutral-variant-600: #746277;
  --neutral-variant-700: #625165;
  --neutral-variant-800: #504251;
  --neutral-variant-900: #433944;
  --neutral-variant-950: #272228;

  /* 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;

}