/* Theme CSS Variables for Light and Dark Mode */

:root {
  /* Light theme colors */
  --color-primary: #3b82f6;
  --color-primary-hover: #2563eb;
  --color-secondary: #6b7280;
  --color-secondary-hover: #4b5563;
  
  /* Background colors */
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f9fafb;
  --color-bg-tertiary: #f3f4f6;
  --color-bg-form: #f9fafb;
  
  /* Text colors */
  --color-text-primary: #111827;
  --color-text-secondary: #6b7280;
  --color-text-tertiary: #9ca3af;
  --color-text-placeholder: #9ca3af;
  
  /* Border colors */
  --color-border-primary: #e5e7eb;
  --color-border-secondary: #d1d5db;
  --color-border-input: #d1d5db;
  
  /* Status colors */
  --color-success: #10b981;
  --color-success-bg: #ecfdf5;
  --color-success-text: #065f46;
  --color-warning: #f59e0b;
  --color-warning-bg: #fffbeb;
  --color-warning-text: #92400e;
  --color-error: #ef4444;
  --color-error-bg: #fef2f2;
  --color-error-text: #991b1b;
  --color-info: #3b82f6;
  --color-info-bg: #eff6ff;
  --color-info-text: #1e40af;
  
  /* Campaign status colors */
  --color-status-active: #10b981;
  --color-status-active-bg: #ecfdf5;
  --color-status-paused: #f59e0b;
  --color-status-paused-bg: #fffbeb;
  --color-status-archived: #6b7280;
  --color-status-archived-bg: #f9fafb;
  
  /* Button colors */
  --color-button-primary-bg: #000000;
  --color-button-primary-hover: #374151;
  --color-button-primary-text: #ffffff;
  --color-button-secondary-bg: #ffffff;
  --color-button-secondary-hover: #f3f4f6;
  --color-button-secondary-text: #111827;
  
  /* Input colors */
  --color-input-bg: #ffffff;
  --color-input-border: #d1d5db;
  --color-input-border-focus: #000000;
  --color-input-text: #111827;
  --color-input-placeholder: #9ca3af;
  
  /* Shadow colors */
  --color-shadow: rgba(0, 0, 0, 0.1);
  --color-shadow-lg: rgba(0, 0, 0, 0.15);
}

.dark {
  /* Dark theme colors */
  --color-primary: #60a5fa;
  --color-primary-hover: #3b82f6;
  --color-secondary: #9ca3af;
  --color-secondary-hover: #d1d5db;
  
  /* Background colors */
  --color-bg-primary: #111827;
  --color-bg-secondary: #1f2937;
  --color-bg-tertiary: #374151;
  --color-bg-form: #1f2937;
  
  /* Text colors */
  --color-text-primary: #f9fafb;
  --color-text-secondary: #d1d5db;
  --color-text-tertiary: #9ca3af;
  --color-text-placeholder: #6b7280;
  
  /* Border colors */
  --color-border-primary: #374151;
  --color-border-secondary: #4b5563;
  --color-border-input: #4b5563;
  
  /* Status colors */
  --color-success: #34d399;
  --color-success-bg: rgba(16, 185, 129, 0.1);
  --color-success-text: #6ee7b7;
  --color-warning: #fbbf24;
  --color-warning-bg: rgba(245, 158, 11, 0.1);
  --color-warning-text: #fcd34d;
  --color-error: #f87171;
  --color-error-bg: rgba(239, 68, 68, 0.1);
  --color-error-text: #fca5a5;
  --color-info: #60a5fa;
  --color-info-bg: rgba(59, 130, 246, 0.1);
  --color-info-text: #93c5fd;
  
  /* Campaign status colors */
  --color-status-active: #34d399;
  --color-status-active-bg: rgba(16, 185, 129, 0.2);
  --color-status-paused: #fbbf24;
  --color-status-paused-bg: rgba(245, 158, 11, 0.2);
  --color-status-archived: #9ca3af;
  --color-status-archived-bg: rgba(107, 114, 128, 0.2);
  
  /* Button colors */
  --color-button-primary-bg: #ffffff;
  --color-button-primary-hover: #e5e7eb;
  --color-button-primary-text: #000000;
  --color-button-secondary-bg: #374151;
  --color-button-secondary-hover: #4b5563;
  --color-button-secondary-text: #f9fafb;
  
  /* Input colors */
  --color-input-bg: #1f2937;
  --color-input-border: #4b5563;
  --color-input-border-focus: #ffffff;
  --color-input-text: #f9fafb;
  --color-input-placeholder: #6b7280;
  
  /* Shadow colors */
  --color-shadow: rgba(0, 0, 0, 0.3);
  --color-shadow-lg: rgba(0, 0, 0, 0.4);
}