/* CSS Custom Properties for Theme Support */
/* Dark theme is DEFAULT - applies without any class */

:root {
  /* Dark Theme Colors (DEFAULT) */
  --bg-color: #121212;
  --bg-secondary: #1e1e1e;
  --bg-tertiary: #2a2a2a;
  --text-color: #e0e0e0;
  --text-secondary: #aaa;
  --text-tertiary: #888;
  --border-color: #333333;
  --border-secondary: #444;
  --nav-link-hover:#99e9fd;
  --link-color: #00d4ff;
  --link-hover: #00b3ff;
  --accent-color: #00d4ff;
  --accent-hover: #00d4ff;
  
  /* Alert Colors */
  --alert-error-bg: #3a1a1a;
  --alert-error-text: #ff6b6b;
  --alert-error-border: #662222;
  --alert-success-bg: #1a3a1a;
  --alert-success-text: #6bff6b;
  --alert-success-border: #226622;
  
  /* Form Colors */
  --input-bg: #1e1e1e;
  --input-text: #aaa;
  --input-border: #444;
  --input-focus-border: #666;

  /* Button Colors */
  --btn-primary-bg: #22515b; 
  --btn-primary-bg-hover: #1c5f7c; 

  /* Danger and Success Colors */
  --danger-color: #dc3545;
  --danger-bg: #f8d7da;
  --danger-border: #f5c6cb;

  --success-color: #28a745;
  --success-bg: #d4edda;
  --success-border: #c3e6cb;
  --success-hover: #218838;


}


body.light-theme {
  /* Light Theme Colors */
  --bg-color: #ffffff;
  --bg-secondary: #f9f9f9;
  --bg-tertiary: #f5f5f5;
  --text-color: #222222;
  --text-secondary: #555555;
  --text-tertiary: #999999;
  --border-color: #e0e0e0;
  --border-secondary: #ddd;
  --link-color: #007bff;
  --link-hover: #0056b3;
  --accent-color: #007bff;
  --accent-hover: #00d4ff;
  
  /* Alert Colors */
  --alert-error-bg: #fee;
  --alert-error-text: #c33;
  --alert-error-border: #fcc;
  --alert-success-bg: #efe;
  --alert-success-text: #3c3;
  --alert-success-border: #cfc;
  
  /* Form Colors */
  --input-bg: #ffffff;
  --input-text: #333333;
  --input-border: #ddd;
  --input-focus-border: #000000;

  /* Button Colors */
  --btn-primary-bg: #86b5fa;
  --btn-primary-bg-hover: #587fa8;
  
  /* Light Theme Danger and Success Colors */
  --danger-color: #721c24;
  --danger-bg: #f8d7da;
  --danger-border: #f5c6cb;

  --success-color: #155724;
  --success-bg: #d4edda;
  --success-border: #c3e6cb;
  --success-hover: #0c3618;
}