/**
 * Chat Theme: ChatGPT Style
 * Imita la apariencia de ChatGPT con colores oscuros y modernos
 */

:root {
  /* Typography */
  --chat-font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --chat-code-font: 'SF Mono', Monaco, 'Cascadia Code', 'Courier New', monospace;

  /* Border Radius */
  --chat-border-radius: 8px;
  --chat-toggle-radius: 50%;
  --chat-message-radius: 8px;
  --chat-input-radius: 8px;
  --chat-button-radius: 8px;

  /* Transitions */
  --chat-transition: all 0.15s ease;

  /* Toggle Button */
  --chat-toggle-bg: #2f2f2f;
  --chat-toggle-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
  --chat-toggle-shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.2);
  --chat-toggle-icon-color: #ffffff;

  /* Window */
  --chat-window-bg: #f5f5f5;
  --chat-window-border: #e5e5e5;
  --chat-window-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);

  /* Header */
  --chat-header-bg: #ffffff;
  --chat-header-color: #2f2f2f;
  --chat-header-border: #e5e5e5;

  /* Close Button */
  --chat-close-color: #666666;
  --chat-close-hover-bg: #f0f0f0;
  --chat-close-hover-color: #2f2f2f;

  /* Messages Area */
  --chat-messages-bg: #f5f5f5;

  /* Message Bubbles - Assistant */
  --chat-message-assistant-bg: #ffffff;
  --chat-message-assistant-color: #2f2f2f;
  --chat-message-assistant-border: #e8e8e8;

  /* Message Bubbles - User */
  --chat-message-user-bg: #2f2f2f;
  --chat-message-user-color: #ffffff;

  /* Input Area */
  --chat-input-area-bg: #ffffff;
  --chat-input-area-border: #e5e5e5;
  --chat-input-bg: #fafafa;
  --chat-input-border: #d9d9d9;
  --chat-input-focus-bg: #ffffff;
  --chat-input-focus-border: #a0c4ff;
  --chat-input-focus-shadow: 0 0 0 3px rgba(160, 196, 255, 0.2);
  --chat-input-placeholder: #999999;

  /* Send Button */
  --chat-send-bg: #2f2f2f;
  --chat-send-color: #ffffff;
  --chat-send-hover-bg: #404040;
  --chat-send-disabled-bg: #cccccc;

  /* Loading */
  --chat-loading-color: #999999;

  /* Citations */
  --chat-citation-border: #eeeeee;
  --chat-citation-bg: #f5f5f5;
  --chat-citation-color: #666666;
  --chat-citation-hover-bg: #eeeeee;
  --chat-citation-hover-color: #2f2f2f;

  /* Code Blocks */
  --chat-code-bg: #f0f0f0;
  --chat-code-user-bg: rgba(255, 255, 255, 0.15);

  /* Scrollbar */
  --chat-scrollbar-thumb: #dddddd;
  --chat-scrollbar-thumb-hover: #cccccc;

  /* Exercise Toggles (Legacy) */
  --chat-exercise-border: #e0e0e0;
  --chat-exercise-toggle-bg: #f0f9ff;
  --chat-exercise-toggle-border: #00bdff;
  --chat-exercise-toggle-color: #00bdff;
  --chat-exercise-toggle-hover-bg: #00bdff;
  --chat-exercise-toggle-hover-color: #ffffff;
  --chat-exercise-content-bg: #f8f9fa;
  --chat-exercise-content-border: #e0e0e0;

  /* Exercise Buttons (New Design) */
  --btn-exercise-bg: #f7f7f8;
  --btn-exercise-border: #d1d5db;
  --btn-exercise-color: #374151;
  --btn-exercise-hover-bg: #ececf1;
  --exercise-content-bg: #ffffff;
  --exercise-content-border: #e5e7eb;
}