/* MD3 Palette for cyan */
[data-color='cyan'] {
  /* Primary colors */
  --primary-50: #f0fdfd;
  --primary-100: #d9f7fa;
  --primary-200: #b9eff5;
  --primary-300: #88e4f0;
  --primary-400: #58cde2;
  --primary-500: #4bb3ca;
  --primary-600: #3c8fa9;
  --primary-700: #327288;
  --primary-800: #2c5c6e;
  --primary-900: #284c5c;
  --primary-950: #18323e;

  /* Secondary colors */
  --secondary-50: #ffffff;
  --secondary-100: #f4ffff;
  --secondary-200: #dff4f8;
  --secondary-300: #c4e4eb;
  --secondary-400: #a5cbd6;
  --secondary-500: #90b2bd;
  --secondary-600: #748e9b;
  --secondary-700: #5e727c;
  --secondary-800: #4d5d65;
  --secondary-900: #414d54;
  --secondary-950: #293338;

  /* Tertiary colors */
  --tertiary-50: #ffffff;
  --tertiary-100: #fdfeff;
  --tertiary-200: #efefff;
  --tertiary-300: #dddbff;
  --tertiary-400: #c6bef2;
  --tertiary-500: #b0a6d4;
  --tertiary-600: #9283aa;
  --tertiary-700: #756988;
  --tertiary-800: #60566e;
  --tertiary-900: #51485b;
  --tertiary-950: #362e3c;

  /* Neutral colors */
  --neutral-50: #f3fafc;
  --neutral-100: #e7f0f3;
  --neutral-200: #cfdadc;
  --neutral-300: #adbabd;
  --neutral-400: #839296;
  --neutral-500: #57666a;
  --neutral-600: #425053;
  --neutral-700: #323d3f;
  --neutral-800: #1b2325;
  --neutral-900: #0d1314;
  --neutral-950: #030607;

  /* Neutral_variant colors */
  --neutral-variant-50: #f6f9fb;
  --neutral-variant-100: #eaeff2;
  --neutral-variant-200: #d7e0e5;
  --neutral-variant-300: #c2d0d8;
  --neutral-variant-400: #8fa2ad;
  --neutral-variant-500: #6c8492;
  --neutral-variant-600: #526d7d;
  --neutral-variant-700: #435c6a;
  --neutral-variant-800: #384b55;
  --neutral-variant-900: #323f47;
  --neutral-variant-950: #1d252a;

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

}