:root[data-theme="theme-light"] {
  --mikiop-raven-text-color: #ffffff;
  --mikiop-raven-text-hover-color: #ffffff;
  --mikiop-raven-background-color: #007bff;
  --mikiop-raven-background-hover-color: #0069d9;
  --mikiop-raven-border-color: #007bff;
  --mikiop-raven-border-hover-color: #0062cc;
  --mikiop-raven-light-text-color: #004085;
  --mikiop-raven-light-background-color: #cce5ff;
  --mikiop-raven-light-border-color: #b8daff;
}

:root[data-theme="theme-dark"] {
  --mikiop-raven-text-color: #ffffff;
  --mikiop-raven-text-hover-color: #ffffff;
  --mikiop-raven-background-color: #007bff;
  --mikiop-raven-background-hover-color: #0069d9;
  --mikiop-raven-border-color: #007bff;
  --mikiop-raven-border-hover-color: #0062cc;
  --mikiop-raven-light-text-color: #004085;
  --mikiop-raven-light-background-color: #cce5ff;
  --mikiop-raven-light-border-color: #b8daff;
}