/* UAOL Data Match Design System - Phase 7A */
:root {
  --dm-bg-primary: #0a0e14;
  --dm-bg-secondary: #131920;
  --dm-bg-card: #161d29;
  --dm-bg-card-hover: #1c2536;
  --dm-bg-tertiary: #1e2836;
  --dm-border-color: #2a3441;
  --dm-border-subtle: #20293b;
  --dm-border-accent: #3b82f6;
  --dm-text-primary: #f0f2f5;
  --dm-text-secondary: #8b95a5;
  --dm-text-muted: #5a6474;
  --dm-accent-blue: #3b82f6;
  --dm-accent-green: #10b981;
  --dm-accent-amber: #f59e0b;
  --dm-accent-red: #ef4444;
  --dm-accent-purple: #8b5cf6;
  --dm-accent-blue-muted: rgba(59, 130, 246, 0.15);
  --dm-accent-green-muted: rgba(16, 185, 129, 0.15);
  --dm-accent-amber-muted: rgba(245, 158, 11, 0.15);
  --dm-accent-red-muted: rgba(239, 68, 68, 0.15);
  --dm-accent-purple-muted: rgba(139, 92, 246, 0.15);
  --dm-accent-gray-muted: rgba(107, 114, 128, 0.15);
  --dm-font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --dm-font-mono: 'JetBrains Mono', 'SF Mono', 'Monaco', 'Consolas', monospace;
  --dm-radius-sm: 6px;
  --dm-radius-md: 10px;
  --dm-radius-lg: 12px;
  --dm-shadow-card: 0 4px 12px rgba(0, 0, 0, 0.3);
  --dm-shadow-drawer: -8px 0 32px rgba(0, 0, 0, 0.4);
  --dm-transition-fast: 0.15s ease;
  --dm-transition-normal: 0.2s ease;
  --dm-status-draft-bg: var(--dm-accent-gray-muted);
  --dm-status-draft-text: #9ca3af;
  --dm-status-ready-bg: var(--dm-accent-blue-muted);
  --dm-status-ready-text: var(--dm-accent-blue);
  --dm-status-matching-bg: var(--dm-accent-amber-muted);
  --dm-status-matching-text: var(--dm-accent-amber);
  --dm-status-completed-bg: var(--dm-accent-green-muted);
  --dm-status-completed-text: var(--dm-accent-green);
  --dm-status-failed-bg: var(--dm-accent-red-muted);
  --dm-status-failed-text: var(--dm-accent-red);
  --dm-source-od-bg: var(--dm-accent-blue-muted);
  --dm-source-od-text: var(--dm-accent-blue);
  --dm-source-rp-bg: var(--dm-accent-purple-muted);
  --dm-source-rp-text: var(--dm-accent-purple);
  --dm-source-rx-bg: var(--dm-accent-amber-muted);
  --dm-source-rx-text: var(--dm-accent-amber);
  --dm-source-id-bg: var(--dm-accent-green-muted);
  --dm-source-id-text: var(--dm-accent-green);
  --dm-table-header-bg: var(--dm-bg-tertiary);
  --dm-table-header-text: var(--dm-text-secondary);
  --dm-table-row-bg: var(--dm-bg-card);
  --dm-table-row-hover: var(--dm-bg-card-hover);
  --dm-table-row-selected: rgba(59, 130, 246, 0.1);
  --dm-table-border: var(--dm-border-color);
}
[data-theme="light"] {
  --dm-bg-primary: #f8fafc;
  --dm-bg-secondary: #f1f5f9;
  --dm-bg-card: #ffffff;
  --dm-bg-card-hover: #f9fafb;
  --dm-bg-tertiary: #f3f4f6;
  --dm-border-color: #e5e7eb;
  --dm-border-subtle: #e2e8f0;
  --dm-text-primary: #1f2937;
  --dm-text-secondary: #6b7280;
  --dm-text-muted: #9ca3af;
  --dm-accent-blue: #2563eb;
  --dm-accent-green: #059669;
  --dm-accent-amber: #d97706;
  --dm-accent-red: #dc2626;
  --dm-accent-purple: #7c3aed;
  --dm-accent-blue-muted: rgba(59, 130, 246, 0.12);
  --dm-accent-green-muted: rgba(16, 185, 129, 0.12);
  --dm-accent-amber-muted: rgba(245, 158, 11, 0.12);
  --dm-accent-red-muted: rgba(239, 68, 68, 0.12);
  --dm-accent-purple-muted: rgba(139, 92, 246, 0.12);
  --dm-accent-gray-muted: rgba(107, 114, 128, 0.08);
  --dm-shadow-card: 0 4px 12px rgba(0, 0, 0, 0.08);
  --dm-shadow-drawer: -8px 0 32px rgba(0, 0, 0, 0.12);
  --dm-table-header-bg: #f1f5f9;
  --dm-table-row-selected: rgba(59, 130, 246, 0.08);
}

/* Phase 7D: Call Lists Filter Panel - Light Theme */
[data-theme="light"] .call-lists-filter-panel {
  background: var(--dm-bg-secondary) !important;
}
[data-theme="light"] .call-lists-page {
  background: var(--dm-bg-primary);
}
[data-theme="light"] .filter-section {
  border-bottom-color: var(--dm-border-color);
}
[data-theme="light"] .filter-section-title {
  color: var(--dm-text-secondary);
}
[data-theme="light"] .filter-checkbox {
  color: var(--dm-text-primary);
}
[data-theme="light"] .filter-checkbox .count {
  color: var(--dm-text-muted);
}
[data-theme="light"] .filter-search input {
  background: var(--dm-bg-tertiary);
  color: var(--dm-text-primary);
  border-color: var(--dm-border-color);
}