@media (prefers-color-scheme: dark) {
  .color-scheme-auto,
  [data-color-scheme="auto"] {
    color-scheme: dark;

    --halo-cw-primary-1-color: #059669;
    --halo-cw-primary-2-color: #047857;
    --halo-cw-primary-3-color: #065f46;

    --halo-cw-text-1-color: #f9fafb;
    --halo-cw-text-2-color: #e5e7eb;
    --halo-cw-text-3-color: #9ca3af;

    --halo-cw-muted-1-color: #4b5563;
    --halo-cw-muted-2-color: #374151;
    --halo-cw-muted-3-color: #1f2937;

    --halo-cw-emoji-picker-rgb-color: 222, 222, 221;
    --halo-cw-emoji-picker-rgb-accent: 58, 130, 247;
    --halo-cw-emoji-picker-rgb-background: 21, 22, 23;
    --halo-cw-emoji-picker-rgb-input: 0, 0, 0;
    --halo-cw-emoji-picker-color-border: rgba(255, 255, 255, 0.1);
    --halo-cw-emoji-picker-color-border-over: rgba(255, 255, 255, 0.2);
  }
}

.color-scheme-dark,
.dark,
[data-color-scheme="dark"] {
  color-scheme: dark;

  --halo-cw-primary-1-color: #059669;
  --halo-cw-primary-2-color: #047857;
  --halo-cw-primary-3-color: #065f46;

  --halo-cw-text-1-color: #f9fafb;
  --halo-cw-text-2-color: #e2e8f0;
  --halo-cw-text-3-color: #94a3b8;

  --halo-cw-muted-1-color: #64748b;
  --halo-cw-muted-2-color: #475569;
  --halo-cw-muted-3-color: #334155;

  --halo-cw-emoji-picker-rgb-color: 222, 222, 221;
  --halo-cw-emoji-picker-rgb-accent: 58, 130, 247;
  --halo-cw-emoji-picker-rgb-background: 21, 22, 23;
  --halo-cw-emoji-picker-rgb-input: 0, 0, 0;
  --halo-cw-emoji-picker-color-border: rgba(255, 255, 255, 0.1);
  --halo-cw-emoji-picker-color-border-over: rgba(255, 255, 255, 0.2);
}