:root {
  --color-primary: #7aa9f5;
  --color-secondary: #ca84f0;
  --color-primary-50: #ffffff;
  --color-primary-100: #ffffff;
  --color-primary-200: #ffffff;
  --color-primary-300: #e0ffff;
  --color-primary-400: #addcff;
  --color-primary-500: #7aa9f5;
  --color-primary-600: #4776c2;
  --color-primary-700: #14438f;
  --color-primary-800: #00105c;
  --color-primary-900: #000029;
  --color-secondary-50: #ffffff;
  --color-secondary-100: #ffffff;
  --color-secondary-200: #ffffff;
  --color-secondary-300: #ffeaff;
  --color-secondary-400: #fdb7ff;
  --color-secondary-500: #ca84f0;
  --color-secondary-600: #9751bd;
  --color-secondary-700: #641e8a;
  --color-secondary-800: #310057;
  --color-secondary-900: #000024;
}