:root {
  --ui-color-primary-950: #3f0061;
  --ui-color-primary-900: #550d7d;
  --ui-color-primary-800: #6b2099;
  --ui-color-primary-700: #8134b5;
  --ui-color-primary-600: #9747d1;
  --ui-color-primary-500: #AD5AED;
  --ui-color-primary-400: #C377F9;
  --ui-color-primary-300: #D994F5;
  --ui-color-primary-200: #EFA1F1;
  --ui-color-primary-100: #F5B8EC;
  --ui-color-primary-50: #FBE5FB;
}

.dark:root {
  --ui-color-neutral-950: #0f0f16;
  --ui-color-neutral-900: #12121b;
  --ui-color-neutral-800: #24243a;
  --ui-color-neutral-700: #353553;
  --ui-color-neutral-600: #52526d;
  --ui-color-neutral-500: #757590;
  --ui-color-neutral-400: #a0a0b5;
  --ui-color-neutral-300: #c2c2d2;
  --ui-color-neutral-200: #dedee7;
  --ui-color-neutral-100: #f2f2fa;
  --ui-color-neutral-50: #ffffff;
}