/**
 * ECP UI SDK - Dark Theme
 * Professional dark theme for all ECP modules
 * Version: 1.0
 */

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

  --ecp-bg-primary: #1a1a1a;
  --ecp-bg-secondary: #2a2a2a;
  --ecp-bg-tertiary: #3a3a3a;

  --ecp-text-primary: #e0e0e0;
  --ecp-text-secondary: #b0b0b0;
  --ecp-text-muted: #808080;

  --ecp-border-color: #404040;
  --ecp-border-color-light: #353535;

  --ecp-card-bg: #2a2a2a;
  --ecp-card-shadow: rgba(0, 0, 0, 0.3);

  --ecp-header-bg: #1a1a1a;
  --ecp-header-border: #404040;

  --ecp-hamburger-bg: #2a2a2a;
  --ecp-hamburger-hover: #353535;
  --ecp-hamburger-border: #404040;

  --ecp-modal-bg: #2a2a2a;
  --ecp-modal-overlay: rgba(0, 0, 0, 0.7);

  /* Adjust semantic colors for better dark mode visibility */
  --ecp-success: #4ade80;
  --ecp-success-bg: #1a3d2a;
  --ecp-success-border: #2d5a3d;

  --ecp-warning: #fbbf24;
  --ecp-warning-bg: #3d3420;
  --ecp-warning-border: #5a4d30;

  --ecp-danger: #f87171;
  --ecp-danger-bg: #3d1a1f;
  --ecp-danger-border: #5a2d32;

  --ecp-info: #38bdf8;
  --ecp-info-bg: #1a3033;
  --ecp-info-border: #2d4d52;

  /* Adjust primary colors for dark mode */
  --ecp-primary: #3b82f6;
  --ecp-primary-hover: #2563eb;
  --ecp-primary-active: #1d4ed8;
}