/* 
 * Batman Theme Tokens (Bauhaus / Material 3 Aesthetic)
 * Core semantic tokens mapped to [data-theme] root.
 */

:root[data-theme="dark"] {
  --color-bg-base: #18181b; /* Zinc 900 */
  --color-bg-panel: rgba(24, 24, 27, 0.85); /* Zinc 900 w/ opacity */
  --color-bg-pill: rgba(39, 39, 42, 0.90); /* Zinc 800 */
  
  --color-text-base: #fafafa;
  --color-text-muted: rgba(250, 250, 250, 0.7);
  --color-text-dim: rgba(250, 250, 250, 0.4);
  
  --color-border-subtle: rgba(255, 255, 255, 0.06);
  --color-border-accent: rgba(250, 250, 250, 0.12); /* Removed neon cyan borders */
  
  --color-accent-primary: #f4f4f5; /* Zinc 50 instead of neon */
  --color-accent-hover: rgba(250, 250, 250, 0.1);
}

:root[data-theme="light"] {
  --color-bg-base: #fafafa;
  --color-bg-panel: rgba(255, 255, 255, 0.95);
  --color-bg-pill: #ffffff;
  
  --color-text-base: #18181b;
  --color-text-muted: rgba(24, 24, 27, 0.7);
  --color-text-dim: rgba(24, 24, 27, 0.5);
  
  --color-border-subtle: rgba(0, 0, 0, 0.08);
  --color-border-accent: rgba(0, 0, 0, 0.15);
  
  --color-accent-primary: #18181b;
  --color-accent-hover: rgba(24, 24, 27, 0.08);
}

/* Ensure default body text inherits theme token */
body {
  background-color: var(--color-bg-base);
  color: var(--color-text-base);
  transition: background-color 0.3s ease, color 0.3s ease;
}