:root {
  --accent: #5865f2;
  --accent-hover: #4c57d0;
  --accent-soft: #ebedfd;
  --accent-line: #bcc1fa;
  --accent-text: #5460e6;
  --text-on-accent: #ffffff;
  --focus: #5865f2;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
  --accent: #5865f2;
  --accent-hover: #6f7bf4;
  --accent-soft: #1f2339;
  --accent-line: #313874;
  --accent-text: #6974f3;
  --text-on-accent: #ffffff;
  --focus: #5865f2;
}
}
:root[data-theme="dark"] {
  --accent: #5865f2;
  --accent-hover: #6f7bf4;
  --accent-soft: #1f2339;
  --accent-line: #313874;
  --accent-text: #6974f3;
  --text-on-accent: #ffffff;
  --focus: #5865f2;
}
:root[data-theme="light"] {
  --accent: #5865f2;
  --accent-hover: #4c57d0;
  --accent-soft: #ebedfd;
  --accent-line: #bcc1fa;
  --accent-text: #5460e6;
  --text-on-accent: #ffffff;
  --focus: #5865f2;
}