/* public/css/theme.css */
:root {
  --bg-primary: #f0f2f5;
  --bg-secondary: #ffffff;
  --bg-tertiary: #f5f6f7;
  --bg-header: #2c3e50;
  --bg-footer: #f0f2f5;
  --bg-modal: #fefefe;
  --bg-modal-overlay: rgba(0,0,0,0.4);
  --bg-input: #ffffff;
  --bg-chat-ai: #e2e2e2;
  --bg-chat-user: #007bff;
  --bg-chat-header: #f0f2f5;
  --bg-chat-window: #ffffff;

  --text-primary: #1c1e21;
  --text-secondary: #606770;
  --text-header: #ffffff;
  --text-link: #007bff;
  --text-link-hover: #0056b3;
  --text-inverted: #ffffff;
  --text-chat-header: #333;
  --text-chat-ai: #333;

  --border-primary: #dddfe2;
  --border-secondary: #ccc;
  --border-tertiary: #eee;
  --border-header-shadow: rgba(0,0,0,0.2);
  --border-footer-shadow: rgba(0,0,0,0.1);

  --accent-primary: #007bff;
  --accent-primary-hover: #0069d9;
  --accent-secondary: #6c757d;
  --accent-secondary-hover: #5a6268;
  --accent-positive: #28a745;
  --accent-positive-hover: #218838;
  --accent-warning: #f0ad4e;
  --accent-warning-hover: #ec971f;
  --accent-negative: #dc3545;
  --accent-negative-hover: #c82333;

  --shadow-primary: 0 4px 12px rgba(0, 0, 0, 0.15);
}

[data-theme='dark'] {
  --bg-primary: #18191a;
  --bg-secondary: #242526;
  --bg-tertiary: #3a3b3c;
  --bg-header: #1f2933;
  --bg-footer: #1f2933;
  --bg-modal: #2d2d2d;
  --bg-modal-overlay: rgba(0,0,0,0.7);
  --bg-input: #3a3b3c;
  --bg-chat-ai: #3a3b3c;
  --bg-chat-user: #4a9cff;
  --bg-chat-header: #1f2933;
  --bg-chat-window: #242526;

  --text-primary: #e4e6eb;
  --text-secondary: #b0b3b8;
  --text-header: #e4e6eb;
  --text-link: #4a9cff;
  --text-link-hover: #73baff;
  --text-inverted: #e4e6eb;
  --text-chat-header: #e4e6eb;
  --text-chat-ai: #e4e6eb;

  --border-primary: #3e4042;
  --border-secondary: #555;
  --border-tertiary: #3e4042;
  --border-header-shadow: rgba(0,0,0,0.5);
  --border-footer-shadow: rgba(0,0,0,0.4);
  
  --accent-primary: #4a9cff;
  --accent-primary-hover: #6aaeff;
  --accent-secondary: #555e66;
  --accent-secondary-hover: #69737b;
  --accent-positive: #3ba755;
  --accent-positive-hover: #4dc76d;
  --accent-warning: #f0ad4e;
  --accent-warning-hover: #ec971f;
  --accent-negative: #e04f5f;
  --accent-negative-hover: #ff6b7b;

  --shadow-primary: 0 4px 12px rgba(0, 0, 0, 0.4);
}