:root {
  --color-primary-50: #f5f0ff;
  --color-primary-100: #e6d8ff;
  --color-primary-200: #d0b3ff;
  --color-primary-300: #b084ff;
  --color-primary-400: #8b5cff;
  --color-primary-500: #6a3eff;
  --color-primary-600: #4b2bcf;
  --color-primary-700: #3c1f9a;
  --color-primary-800: #2d1467;
  --color-primary-900: #1e0b40;

  --color-secondary-50: #f9fafb;
  --color-secondary-100: #f3f4f6;
  --color-secondary-200: #e5e7eb;
  --color-secondary-300: #d1d5db;
  --color-secondary-400: #9ca3af;
  --color-secondary-500: #6b7280;
  --color-secondary-600: #4b5563;
  --color-secondary-700: #374151;
  --color-secondary-800: #1f2937;
  --color-secondary-900: #111827;

  --color-accent-50: #fff5f0;
  --color-accent-100: #ffe4d3;
  --color-accent-200: #ffbda2;
  --color-accent-300: #ff8c4d;
  --color-accent-400: #ff5a1a;
  --color-accent-500: #ff3b00;
  --color-accent-600: #e53000;
  --color-accent-700: #c62b00;
  --color-accent-800: #a62400;
  --color-accent-900: #861f00;
}