/* 
 * Vigthoria Neural Nexus - Theme CSS
 * Theme variables for light and dark modes
 * Version: 3.0.0
 */

/* ===== Dark Theme Variables (Default) ===== */
:root, [data-theme="dark"] {
  /* Primary backgrounds */
  --bg-primary: #0a0a14;
  --bg-secondary: #12122a;
  --bg-tertiary: #1a1a36;
  --bg-header: #0f0f20;
  --bg-sidebar: #0e0e1c;
  
  /* Text colors */
  --text-primary: #e0e0ff;
  --text-secondary: #a0a0c0;
  --text-tertiary: #7a7a9a;
  --text-on-accent: #ffffff;
  --text-on-danger: #ffffff;
  
  /* Accent colors */
  --bg-accent: #2c6cd8;
  --bg-accent-transparent: rgba(44, 108, 216, 0.2);
  --bg-accent-secondary: #23519f;
  
  /* Status colors */
  --status-success: #0cdf6f;
  --status-error: #ff3860;
  --status-warning: #ffdd57;
  --status-neutral: #909090;
  
  /* Border colors */
  --border-primary: #2a2a4a;
  --border-secondary: #343464;
  --border-accent: #3a7aef;
  --border-danger: #f14668;
  
  /* Button colors */
  --bg-button-primary: #2c6cd8;
  --bg-button-primary-hover: #3a7aef;
  --bg-button-secondary: #1e1e3c;
  --bg-button-secondary-hover: #2a2a52;
  --bg-button-danger: #e42448;
  --bg-button-danger-hover: #f14668;
  
  /* Form elements */
  --bg-input: #16162e;
  --bg-slider-track: #222244;
  
  /* Glow effects */
  --glow-primary: rgba(58, 122, 239, 0.5);
  --glow-danger: rgba(241, 70, 104, 0.5);
  
  /* Neural effects */
  --grid-line: rgba(100, 140, 255, 0.15);
  
  /* Message bubbles */
  --user-message-bg: #21375a;
  --user-message-border: #2c4e80;
  --assistant-message-bg: #1e2a40;
  --assistant-message-border: #293b5f;
  --system-message-bg: rgba(44, 108, 216, 0.2);
  --system-message-border: rgba(44, 108, 216, 0.4);
  
  /* Modal and panel backgrounds */
  --modal-bg: #0e0e1c;
  --panel-bg: #12122a;
}

/* ===== Light Theme Variables ===== */
[data-theme="light"] {
  /* Primary backgrounds */
  --bg-primary: #f4f5fa;
  --bg-secondary: #e6e8f0;
  --bg-tertiary: #d8dae6;
  --bg-header: #ffffff;
  --bg-sidebar: #f0f2f8;
  
  /* Text colors */
  --text-primary: #0a122a;
  --text-secondary: #2c3e50;
  --text-tertiary: #546778;
  --text-on-accent: #ffffff;
  --text-on-danger: #ffffff;
  
  /* Accent colors */
  --bg-accent: #1a56c4;
  --bg-accent-transparent: rgba(26, 86, 196, 0.1);
  --bg-accent-secondary: #1845a3;
  
  /* Status colors */
  --status-success: #00b050;
  --status-error: #e42448;
  --status-warning: #e59400;
  --status-neutral: #909090;
  
  /* Border colors */
  --border-primary: #d0d4e4;
  --border-secondary: #b8bfd4;
  --border-accent: #3a7aef;
  --border-danger: #f14668;
  
  /* Button colors */
  --bg-button-primary: #1a56c4;
  --bg-button-primary-hover: #1845a3;
  --bg-button-secondary: #e6e8f0;
  --bg-button-secondary-hover: #d8dae6;
  --bg-button-danger: #e42448;
  --bg-button-danger-hover: #c91c3c;
  
  /* Form elements */
  --bg-input: #ffffff;
  --bg-slider-track: #d8dae6;
  
  /* Glow effects */
  --glow-primary: rgba(58, 122, 239, 0.3);
  --glow-danger: rgba(241, 70, 104, 0.3);
  
  /* Neural effects */
  --grid-line: rgba(26, 86, 196, 0.1);
  
  /* Message bubbles */
  --user-message-bg: #e5eeff;
  --user-message-border: #c7d9f8;
  --assistant-message-bg: #f0f4fa;
  --assistant-message-border: #d8e0f0;
  --system-message-bg: rgba(26, 86, 196, 0.1);
  --system-message-border: rgba(26, 86, 196, 0.2);
  
  /* Modal and panel backgrounds */
  --modal-bg: #ffffff;
  --panel-bg: #f6f7fb;
}