:root {
  --toast-bg: #fff;
  --toast-text: #111;
  --toast-success: #22c55e;
  --toast-error: #ef4444;
  --toast-warning: #f59e0b;
  --toast-info: #3b82f6;
  --toast-accent: var(--toast-info);
}

.toast--success {
  --toast-accent: var(--toast-success);
}

.toast--error {
  --toast-accent: var(--toast-error);
}

.toast--warning {
  --toast-accent: var(--toast-warning);
}

.toast--info {
  --toast-accent: var(--toast-info);
}

@media (prefers-color-scheme: dark) {
  :root {
    --toast-bg: #1f1f1f;
    --toast-text: #fff;
  }
}