:root{
  --primary: rgb(190 24 93);
  --primary-100: rgba(248, 232, 239, 1);
  --primary-200: rgba(229, 163, 190, 1);
  --primary-300: rgba(216, 116, 158, 1);
  --primary-700: rgba(128, 22, 66, 1); 
  --primary-900: rgba(38, 5, 19, 1);
  --ring: rgba(216, 116, 158, 1);

  --benefits-bg: rgba(249, 244, 251, 1);
  --benefits-foreground: rgba(135, 27, 178, 1);
}

.dark,
[data-reader-theme='dark'] {
  --primary: rgba(200, 59, 117, 1);
  --ring: rgba(200, 59, 117, 1);

  --benefits-bg: rgba(19, 4, 25, 1);
  --benefits-foreground: rgba(207, 164, 224, 1);
}