/**
 * Theme Variables - Common variables for theme consistency
 */

/* Dark Theme Variables */
.theme-dark {
  /* Core colors */
  --primary-color: #7B70FA;
  --primary-hover: #6C5CE7;
  --secondary-color: #94A3B8;
  --accent-color: #7D7AFF;
  --success-color: #10B981;
  --warning-color: #F59E0B;
  --danger-color: #EF4444;
  --info-color: #0EA5E9;
  
  /* Background colors */
  --bg-color: #151823;
  --bg-light: #1E2130;
  --bg-lighter: #252A41;
  --bg-dark: #0F172A;
  
  /* Text colors */
  --text-color: #E2E8F0;
  --text-muted: #94A3B8;
  --text-placeholder: #64748B;
  
  /* UI elements */
  --card-bg: #1E2130;
  --card-hover-bg: #252A41;
  --border-color: #2A2F42;
  --navbar-bg: #1E2130;
  --sidebar-bg: #1E2130;
  --input-bg: #252A41;
  --input-border: #2A2F42;
  --hover-bg: rgba(99, 102, 241, 0.1);
  
  /* Shadows */
  --card-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  --dropdown-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
  
  /* Button colors */
  --button-text: #FFFFFF;
}

/* Light Theme Variables */
.theme-light {
  /* Core colors */
  --primary-color: #6C5CE7;
  --primary-hover: #5B51D6;
  --secondary-color: #64748B;
  --accent-color: #5352ED;
  --success-color: #10B981;
  --warning-color: #F59E0B;
  --danger-color: #EF4444;
  --info-color: #0EA5E9;
  
  /* Background colors */
  --bg-color: #F8FAFC;
  --bg-light: #FFFFFF;
  --bg-lighter: #F1F5F9;
  --bg-dark: #E2E8F0;
  
  /* Text colors */
  --text-color: #1E293B;
  --text-muted: #64748B;
  --text-placeholder: #94A3B8;
  
  /* UI elements */
  --card-bg: #FFFFFF;
  --card-hover-bg: #F8FAFC;
  --border-color: #E2E8F0;
  --navbar-bg: #FFFFFF;
  --sidebar-bg: #FFFFFF;
  --input-bg: #FFFFFF;
  --input-border: #E2E8F0;
  --hover-bg: rgba(99, 102, 241, 0.05);
  
  /* Shadows */
  --card-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  --dropdown-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  
  /* Button colors */
  --button-text: #FFFFFF;
}