/* ── Dark Theme ───────────────────────────────────────────────── */
[data-theme="dark"] {
  /* Primary palette — indigo */
  --color-primary: #818cf8;
  --color-primary-hover: #a5b4fc;
  --color-primary-active: #6366f1;
  --color-primary-text: #0f0f11;
  --color-primary-subtle: rgba(129, 140, 248, 0.08);

  /* Secondary */
  --color-secondary: #a1a1aa;
  --color-secondary-hover: #d4d4d8;

  /* Backgrounds — refined dark grays */
  --color-background: #0f0f11;
  --color-surface: #18181b;
  --color-surface-hover: #27272a;
  --color-surface-elevated: #1f1f23;
  --color-sidebar-bg: #0f0f11;
  --color-input-bg: #18181b;

  /* Text */
  --color-text: #fafafa;
  --color-text-secondary: #a1a1aa;
  --color-text-muted: #71717a;
  --color-text-inverse: #0f0f11;

  /* Borders */
  --color-border: #27272a;
  --color-border-light: #1c1c1f;
  --color-border-focus: #818cf8;

  /* Status */
  --color-error: #fca5a5;
  --color-error-bg: #450a0a;
  --color-error-text: #fca5a5;
  --color-success: #86efac;
  --color-success-bg: #052e16;
  --color-success-text: #86efac;
  --color-warning: #fde68a;
  --color-warning-bg: #422006;
  --color-warning-text: #fde68a;

  /* Shadows — subtler for dark mode */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.2);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.02);
  --shadow: 0 2px 8px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.02);
  --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.03);
  --shadow-xl: 0 8px 32px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.03);
  --shadow-primary: 0 2px 8px rgba(129, 140, 248, 0.15);
  --shadow-primary-lg: 0 4px 16px rgba(129, 140, 248, 0.2);

  /* Focus ring */
  --focus-ring: 0 0 0 3px rgba(129, 140, 248, 0.2);

  /* Message bubbles */
  --color-msg-user-bg: #1e1b4b;
  --color-msg-user-text: #fafafa;
  --color-msg-assistant-bg: #18181b;
  --color-msg-assistant-text: #fafafa;
  --color-msg-assistant-border: #27272a;

  /* Thinking trace */
  --color-thinking-bg: #0f0f11;
  --color-thinking-border: #27272a;
  --color-thinking-header-bg: #18181b;
  --color-thinking-text: #a1a1aa;
  --color-thinking-accent: #a78bfa;

  /* Tool calls */
  --color-tool-bg: #0f0f11;
  --color-tool-border: #27272a;
  --color-tool-output-bg: #0f0f11;

  /* Token counter */
  --color-token-bg: #0f0f11;
  --color-token-text: #a1a1aa;

  /* Context bar */
  --color-context-bar-bg: #27272a;
  --color-context-bar-low: #86efac;
  --color-context-bar-mid: #fde68a;
  --color-context-bar-high: #fca5a5;

  /* Collection chips */
  --color-chip-bg: #1e1b4b;
  --color-chip-text: #818cf8;
  --color-chip-hover: #2e2a6b;

  /* Badge */
  --color-badge-bg: #27272a;
  --color-badge-text: #a1a1aa;

  /* Modal */
  --color-overlay: rgba(0, 0, 0, 0.75);
  --color-modal-bg: #18181b;

  /* Scrollbar */
  --color-scrollbar-track: transparent;
  --color-scrollbar-thumb: #27272a;
  --color-scrollbar-thumb-hover: #3f3f46;

  /* Reference panel */
  --color-reference-bg: #18181b;
  --color-reference-highlight: rgba(129, 140, 248, 0.1);

  /* Passage highlight */
  --color-passage-highlight: rgba(253, 214, 99, 0.3);
  --color-passage-highlight-active: rgba(255, 152, 0, 0.5);

  /* Spinner */
  --color-spinner: #818cf8;

  /* Gradient and glass */
  --gradient-primary: linear-gradient(135deg, #6366f1 0%, #7c3aed 100%);
  --gradient-surface: linear-gradient(180deg, #0f0f11 0%, #18181b 100%);
  --glass-bg: rgba(24, 24, 27, 0.8);
  --glass-border: rgba(39, 39, 42, 0.5);
}