:root,
:root[data-theme="dark"] {
  --accent: #86609e;
  --accent-dark: #704a88;
  --berry: #d94d78;
  --focus: #5546d4;
  --search-hover-border: #c8b3d2;
  --search-hover-icon: #9b82b4;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
  --accent: #86609e;
  --accent-dark: #704a88;
  --berry: #d94d78;
  --focus: #5546d4;
  --search-hover-border: #c8b3d2;
  --search-hover-icon: #9b82b4;
  }
}