:root {
  --color-primary-50: #fdf4ff;
  --color-primary-100: #fae8ff;
  --color-primary-200: #f5d0fe;
  --color-primary-300: #f0abfc;
  --color-primary-400: #e879f9;
  --color-primary-500: #d946ef;
  --color-primary-600: #c026d3;
  --color-primary-700: #a21caf;
  --color-primary-800: #86198f;
  --color-primary-900: #701a75;

  --color-secondary-50: #f7fee7;
  --color-secondary-100: #ecfccb;
  --color-secondary-200: #d9f99d;
  --color-secondary-300: #bef264;
  --color-secondary-400: #a3e635;
  --color-secondary-500: #84cc16;
  --color-secondary-600: #65a30d;
  --color-secondary-700: #4d7c0f;
  --color-secondary-800: #3f6212;
  --color-secondary-900: #365314;

  --color-accent-50: #ecfeff;
  --color-accent-100: #cffafe;
  --color-accent-200: #a5f3fc;
  --color-accent-300: #67e8f9;
  --color-accent-400: #22d3ee;
  --color-accent-500: #06b6d4;
  --color-accent-600: #0891b2;
  --color-accent-700: #0e7490;
  --color-accent-800: #155e75;
  --color-accent-900: #164e63;

}