/* ==========================================================================
   Centralized Theme & Color Configuration
   Manage colors, shadows, borders, and UI glow states across all components.
   ========================================================================== */



:root {
  /* Core Base Colors */
  --bg-dark: #050505;
  --bg-card: rgba(10, 15, 20, 0.85);
  --bg-header: rgba(0, 240, 255, 0.05);
  --bg-input: #000000;
  --bg-input-disabled: #111111;

  --text-main: #e0e0e0;
  --text-muted: #b0c4de;
  --text-muted-alt: #4fa464;

  /* Primary Theme Accent: Neon Cyber Cyan */
  --accent-primary: #00f0ff;
  --accent-primary-rgb: 0, 240, 255;

  /* Secondary Theme Accent: Matrix Green */
  --accent-secondary: rgba(0, 184, 46, 0.534);
  --accent-secondary-rgb: 0, 255, 65;

  /* Third Accent: Dark/Muted Green */
  --accent-muted: rgba(0, 240, 255, 0.3);
  --accent-muted-alt: #438754;

  /* Third Accent: Dark/Muted Green */
  --accent-muted: rgba(0, 240, 255, 0.3);
  --accent-muted-alt: #438754;

  /* Borders */
  --border-primary: rgba(0, 255, 64, 0.089);
  --border-secondary: rgba(0, 240, 255, 0.3);
  --border-card-hover: rgba(0, 240, 255, 0.6);
  --border-input: rgba(0, 255, 64, 0.092);
  --border-disabled: #333333;

  /* Shadows & Neon Glows */
  --glow-primary: 0 0 15px rgba(0, 240, 255, 0.4);
  --glow-secondary: 0 0 15px rgba(41, 255, 95, 0.2);
  --glow-title: 0 0 10px rgba(0, 255, 65, 0.4);
  --shadow-card: 0 4px 16px rgba(0, 0, 0, 0.5);

  /* Scrollbar Configuration */
  --scrollbar-track: rgba(0, 255, 65, 0.05);
  --scrollbar-thumb: rgba(0, 255, 64, 0.041);
  --scrollbar-thumb-hover: rgba(41, 255, 95, 0.048);
  ;

  /* Chat Bubble Variables */
  --msg-user-bg: rgba(0, 238, 255, 0.03);
  --msg-user-text: #00f0ff;
  --msg-user-border: rgba(0, 240, 255, 0.35);
  --msg-user-shadow: 0 0 10px rgba(0, 240, 255, 0.1);

  --msg-bot-bg: rgba(255, 46, 46, 0.281);
  --msg-bot-text: #e9dedc;
  --msg-bot-border: rgba(0, 255, 65, 0.1);

  --msg-intro-bg: rgba(0, 255, 64, 0.048);
  --msg-intro-text: #e9dedc;
  --msg-intro-border: #2c3b30;
  --msg-intro-shadow: 0 0 10px rgba(0, 255, 65, 0.05);
  --msg-intro-text-shadow: 0 0 2px rgba(0, 255, 65, 0.05);
}