:root {
  --primary: #6D28D9;
  --on-primary: #FFFFFF;
  --primary-container: #E9E0F3;
  --on-primary-container: #6D28D9;
  --accent: var(--primary);
  --accent-soft: var(--primary-container);
  --accent-ink: var(--on-primary);
  --secondary: #0F766E;
  --on-secondary: #FFFFFF;
  --secondary-container: #DEE9E6;
  --on-secondary-container: #0E6D66;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --primary: #AD86EA;
  --on-primary: #100E08;
  --primary-container: #342D47;
  --on-primary-container: #AD86EA;
  --accent: var(--primary);
  --accent-soft: var(--primary-container);
  --accent-ink: var(--on-primary);
  --secondary: #80EFE6;
  --on-secondary: #100E08;
  --secondary-container: #2A4446;
  --on-secondary-container: #80EFE6;
  }
}

:root[data-theme="dark"] {
  --primary: #AD86EA;
  --on-primary: #100E08;
  --primary-container: #342D47;
  --on-primary-container: #AD86EA;
  --accent: var(--primary);
  --accent-soft: var(--primary-container);
  --accent-ink: var(--on-primary);
  --secondary: #80EFE6;
  --on-secondary: #100E08;
  --secondary-container: #2A4446;
  --on-secondary-container: #80EFE6;
}