/* Dark theme overrides */

:root[data-theme='dark'] {
  --color-bg-base: #0f1117;
  --color-bg-elevated: #1a1d27;
  --color-bg-overlay: #242736;
  --color-bg-subtle: #2d3148;

  --color-surface-1: #1a1d27;
  --color-surface-2: #242736;
  --color-surface-3: #2d3148;

  --color-text-primary: #e2e8f0;
  --color-text-secondary: #94a3b8;
  --color-text-tertiary: #64748b;
  --color-text-disabled: #475569;

  --color-border: #2d3148;
  --color-border-subtle: #242736;
  --color-border-strong: #3d4466;

  --color-accent: #3b82f6;
  --color-accent-hover: #2563eb;
  --color-accent-muted: rgba(59, 130, 246, 0.15);

  --color-input-bg: #1a1d27;
  --color-input-border: #2d3148;
  --color-input-border-focus: #3b82f6;
  --color-input-placeholder: #475569;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.6);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --color-bg-base: #0f1117;
    --color-bg-elevated: #1a1d27;
    --color-bg-overlay: #242736;
    --color-bg-subtle: #2d3148;

    --color-surface-1: #1a1d27;
    --color-surface-2: #242736;
    --color-surface-3: #2d3148;

    --color-text-primary: #e2e8f0;
    --color-text-secondary: #94a3b8;
    --color-text-tertiary: #64748b;
    --color-text-disabled: #475569;

    --color-border: #2d3148;
    --color-border-subtle: #242736;
    --color-border-strong: #3d4466;

    --color-accent: #3b82f6;
    --color-accent-hover: #2563eb;
    --color-accent-muted: rgba(59, 130, 246, 0.15);

    --color-input-bg: #1a1d27;
    --color-input-border: #2d3148;
    --color-input-border-focus: #3b82f6;
    --color-input-placeholder: #475569;

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.6);
  }
}