/* CSS Custom Properties for Theme Support */

:root {
  /* Backgrounds */
  --bg-primary: #f5f7fa;
  --bg-secondary: #ffffff;
  --bg-tertiary: #f8f9fa;
  --bg-elevated: #ffffff;
  --bg-graph: #ffffff;

  /* Text */
  --text-primary: #333333;
  --text-secondary: #4a5568;
  --text-muted: #718096;
  --text-accent: #667eea;

  /* Accents */
  --accent-primary: #667eea;
  --accent-secondary: #764ba2;
  --accent-hover: #5568d3;
  --accent-active: #1e40af;
  --accent-success: #22c55e;
  --accent-warning: #f59e0b;
  --accent-danger: #e74c3c;

  /* UI */
  --border-color: #ddd;
  --border-hover: #667eea;
  --shadow-color: rgba(0, 0, 0, 0.1);
  --shadow-strong: rgba(0, 0, 0, 0.2);
  --overlay-color: rgba(0, 0, 0, 0.8);

  /* Header */
  --header-gradient-start: #667eea;
  --header-gradient-end: #764ba2;

  /* Sidebar */
  --sidebar-bg: #ffffff;

  /* Cards and Modals */
  --card-bg: #ffffff;
  --card-border: #e2e8f0;
  --modal-bg: #ffffff;

  /* Input */
  --input-bg: #ffffff;
  --input-border: #d1d5db;
  --input-focus-border: #667eea;

  /* Button */
  --btn-secondary-bg: #95a5a6;
  --btn-secondary-hover: #7f8c8d;

  /* Scrollbar */
  --scrollbar-track: #f1f1f1;
  --scrollbar-thumb: #888;
  --scrollbar-thumb-hover: #555;

  /* Specific Components */
  --search-results-bg: #f8f9fa;
  --statistics-bg: #f8f9fa;
  --legend-bg: rgba(255, 255, 255, 0.98);
  --tooltip-bg: rgba(0, 0, 0, 0.85);
  --loading-overlay-bg: rgba(255, 255, 255, 0.9);

  /* Graph Agent */
  --ga-header-bg: #2563eb;
  --ga-header-hover: #1d4ed8;
  --ga-messages-bg: #f9fafb;
  --ga-msg-user-bg: #dbeafe;
  --ga-msg-user-border: #bfdbfe;
  --ga-msg-assistant-bg: #f3f4f6;
  --ga-msg-assistant-border: #e5e7eb;
  --ga-actions-bg: #ffffff;
  --ga-actions-border: #e5e7eb;
  --ga-input-bg: #ffffff;
}

[data-theme="dark"] {
  /* Backgrounds */
  --bg-primary: #0d0d1a;
  --bg-secondary: #1a1a2e;
  --bg-tertiary: #252542;
  --bg-elevated: #2d2d4a;
  --bg-graph: #0d0d1a;

  /* Text */
  --text-primary: #e8e8f0;
  --text-secondary: #a0a0b8;
  --text-muted: #6a6a82;
  --text-accent: #7c7cff;

  /* Accents */
  --accent-primary: #6366f1;
  --accent-secondary: #8b5cf6;
  --accent-hover: #818cf8;
  --accent-active: #4f46e5;
  --accent-success: #22c55e;
  --accent-warning: #f59e0b;
  --accent-danger: #ef4444;

  /* UI */
  --border-color: #3a3a5a;
  --border-hover: #5a5a7a;
  --shadow-color: rgba(0, 0, 0, 0.4);
  --shadow-strong: rgba(0, 0, 0, 0.5);
  --overlay-color: rgba(13, 13, 26, 0.85);

  /* Header */
  --header-gradient-start: #1a1a2e;
  --header-gradient-end: #252542;

  /* Sidebar */
  --sidebar-bg: #1a1a2e;

  /* Cards and Modals */
  --card-bg: #1a1a2e;
  --card-border: #3a3a5a;
  --modal-bg: #1a1a2e;

  /* Input */
  --input-bg: #252542;
  --input-border: #3a3a5a;
  --input-focus-border: #6366f1;

  /* Button */
  --btn-secondary-bg: #4a4a6a;
  --btn-secondary-hover: #5a5a7a;

  /* Scrollbar */
  --scrollbar-track: #1a1a2e;
  --scrollbar-thumb: #3a3a5a;
  --scrollbar-thumb-hover: #5a5a7a;

  /* Specific Components */
  --search-results-bg: #252542;
  --statistics-bg: #252542;
  --legend-bg: rgba(26, 26, 46, 0.98);
  --tooltip-bg: rgba(37, 37, 66, 0.95);
  --loading-overlay-bg: rgba(26, 26, 46, 0.9);

  /* Graph Agent */
  --ga-header-bg: #3730a3;
  --ga-header-hover: #4338ca;
  --ga-messages-bg: #1a1a2e;
  --ga-msg-user-bg: #312e81;
  --ga-msg-user-border: #4338ca;
  --ga-msg-assistant-bg: #252542;
  --ga-msg-assistant-border: #3a3a5a;
  --ga-actions-bg: #1a1a2e;
  --ga-actions-border: #3a3a5a;
  --ga-input-bg: #252542;
}