:root {
  color-scheme: light dark;
  --privacy-background-color: #ffffff;
  --privacy-text-color: #212529;
  --privacy-muted-text-color: #868e96;
  --privacy-border-color: #dee2e6;
  --privacy-success-color: #2b8a3e;
  --privacy-error-color: #e03131;
  --privacy-primary-color: #228be6;
  --privacy-primary-text-color: #ffffff;
  --privacy-control-border-radius: 0.25rem;
  font-family: sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --privacy-background-color: #1a1b1e;
    --privacy-text-color: #c1c2c5;
    --privacy-muted-text-color: #909296;
    --privacy-border-color: #5c5f66;
    --privacy-success-color: #51cf66;
    --privacy-error-color: #ff6b6b;
  }
}