:root {
  --color-primary-50: #f9f5ff;
  --color-primary-100: #f3e8ff;
  --color-primary-200: #e9d5ff;
  --color-primary-300: #d8b4fe;
  --color-primary-400: #c084f5;
  --color-primary-500: #a855f7;
  --color-primary-600: #9333ea;
  --color-primary-700: #7e22ce;
  --color-primary-800: #6b21a8;
  --color-primary-900: #581c87;

  --color-secondary-50: #faf5ff;
  --color-secondary-100: #f3e8ff;
  --color-secondary-200: #e0c7ff;
  --color-secondary-300: #d0a5ff;
  --color-secondary-400: #a67bc0;
  --color-secondary-500: #8b5cf6;
  --color-secondary-600: #7b2cbf;
  --color-secondary-700: #6d2a9a;
  --color-secondary-800: #5e2390;
  --color-secondary-900: #4c1d73;

  --color-accent-50: #f5fffb;
  --color-accent-100: #e0f2f1;
  --color-accent-200: #b2f2e1;
  --color-accent-300: #80e0cb;
  --color-accent-400: #4dd0a1;
  --color-accent-500: #26b6a2;
  --color-accent-600: #1a9e7e;
  --color-accent-700: #178a6c;
  --color-accent-800: #147b5c;
  --color-accent-900: #0e5a4c;
}