/* EidosUI Dark Theme */
[data-theme="dark"] {
    /* Core Colors - Dark Mode Adjusted */
    --color-primary: #60a5fa;
    --color-primary-hover: #3b82f6;
    --color-primary-light: #1e3a8a;
    --color-primary-dark: #2563eb;
    --color-primary-foreground: #0f172a;
    
    --color-secondary: #9ca3af;
    --color-secondary-hover: #d1d5db;
    --color-secondary-light: #374151;
    --color-secondary-dark: #e5e7eb;
    --color-secondary-foreground: #0f172a;
    
    --color-accent: #a78bfa;
    --color-accent-hover: #8b5cf6;
    --color-accent-light: #5b21b6;
    --color-accent-dark: #7c3aed;
    --color-accent-foreground: #0f172a;
    
    /* Semantic Colors - Dark Mode Adjusted */
    --color-success: #34d399;
    --color-success-hover: #10b981;
    --color-success-light: #065f46;
    --color-success-dark: #6ee7b7;
    --color-success-foreground: #0f172a;
    
    --color-cta: #fbbf24;
    --color-cta-hover: #f59e0b;
    --color-cta-light: #92400e;
    --color-cta-dark: #fcd34d;
    --color-cta-foreground: #0f172a;
    
    --color-warning: #fde047;
    --color-warning-hover: #facc15;
    --color-warning-light: #713f12;
    --color-warning-dark: #fef08a;
    --color-warning-foreground: #0f172a;
    
    --color-error: #f87171;
    --color-error-hover: #ef4444;
    --color-error-light: #7f1d1d;
    --color-error-dark: #fca5a5;
    --color-error-foreground: #0f172a;
    
    --color-info: #38bdf8;
    --color-info-hover: #0ea5e9;
    --color-info-light: #0c4a6e;
    --color-info-dark: #7dd3fc;
    --color-info-foreground: #0f172a;
    
    /* Surface Colors - Dark Mode */
    --color-background: #0f172a;
    --color-surface: #1e293b;
    --color-surface-elevated: #334155;
    --color-border: #334155;
    --color-border-hover: #475569;
    --color-input: #1e293b;
    --color-card: #1e293b;
    
    /* Text Colors - Dark Mode */
    --color-text: #f8fafc;
    --color-text-muted: #94a3b8;
    --color-text-subtle: #64748b;
    --color-text-inverse: #0f172a;
    
    /* Shadows - Subtle for Dark Mode */
    --shadow-xs: 0 0 0 1px rgb(255 255 255 / 0.05);
    --shadow-sm: 0 0 0 1px rgb(255 255 255 / 0.1);
    --shadow-base: 0 0 0 1px rgb(255 255 255 / 0.1), 0 1px 2px 0 rgb(0 0 0 / 0.3);
    --shadow-md: 0 0 0 1px rgb(255 255 255 / 0.1), 0 4px 6px -1px rgb(0 0 0 / 0.3);
    --shadow-lg: 0 0 0 1px rgb(255 255 255 / 0.1), 0 10px 15px -3px rgb(0 0 0 / 0.3);
    --shadow-xl: 0 0 0 1px rgb(255 255 255 / 0.1), 0 20px 25px -5px rgb(0 0 0 / 0.3);
    --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.5);
    --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.3);
    
    /* Dark mode specific */
    --invert-icon: 1;
  }
  
  /* Dark theme button overrides for better aesthetics */
  [data-theme="dark"] .eidos-btn-primary,
  [data-theme="dark"] .eidos-btn-secondary,
  [data-theme="dark"] .eidos-btn-success,
  [data-theme="dark"] .eidos-btn-error,
  [data-theme="dark"] .eidos-btn-warning,
  [data-theme="dark"] .eidos-btn-info,
  [data-theme="dark"] .eidos-btn-cta {
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 0.2), 0 0 0 1px rgb(255 255 255 / 0.05);
  }
  
  [data-theme="dark"] .eidos-btn-primary:hover,
  [data-theme="dark"] .eidos-btn-secondary:hover,
  [data-theme="dark"] .eidos-btn-success:hover,
  [data-theme="dark"] .eidos-btn-error:hover,
  [data-theme="dark"] .eidos-btn-warning:hover,
  [data-theme="dark"] .eidos-btn-info:hover,
  [data-theme="dark"] .eidos-btn-cta:hover {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.2), 0 0 0 1px rgb(255 255 255 / 0.1);
  }
  
  [data-theme="dark"] .eidos-btn-primary:active,
  [data-theme="dark"] .eidos-btn-secondary:active,
  [data-theme="dark"] .eidos-btn-success:active,
  [data-theme="dark"] .eidos-btn-error:active,
  [data-theme="dark"] .eidos-btn-warning:active,
  [data-theme="dark"] .eidos-btn-info:active,
  [data-theme="dark"] .eidos-btn-cta:active {
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.2), 0 0 0 1px rgb(255 255 255 / 0.05);
  }
  
  [data-theme="dark"] .eidos-btn-ghost {
    color: var(--color-text-muted);
  }
  
  [data-theme="dark"] .eidos-btn-ghost:hover {
    color: var(--color-text);
    background-color: rgb(255 255 255 / 0.05);
    border-color: rgb(255 255 255 / 0.1);
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.2);
  }