/* Sistema de Temas Dark/Light - CORRIGIDO */
:root {
  /* Light Theme (Default) */
  --bg-primary: #FFFFFF;
  --bg-secondary: #F8F9FA;
  --bg-tertiary: #F1F3F5;
  --bg-hover: #E9ECEF;
  --text-primary: #212529;
  --text-secondary: #495057;
  --text-tertiary: #6C757D;
  --text-disabled: #ADB5BD;
  --border-color: #DEE2E6;
  --border-light: #E9ECEF;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  
  /* Brand Colors - Fixos para melhor visibilidade */
  --primary: #4A90E2;
  --primary-hover: #357ABD;
  --primary-light: #E8F2FF;
  --secondary: #7B68EE;
  --secondary-light: #F0EDFF;
  --accent: #FF8A65;
  --accent-light: #FFF3F0;
  --success: #48BB78;
  --success-light: #F0FFF4;
  --warning: #ED8936;
  --warning-light: #FFFAF0;
  --error: #FC8181;
  --error-light: #FFF5F5;
  --info: #4299E1;
  --info-light: #EBF8FF;
}

[data-theme="dark"] {
  /* Dark Theme - CORRIGIDO */
  --bg-primary: #1E2129;
  --bg-secondary: #252936;
  --bg-tertiary: #2F3442;
  --bg-hover: #3A3F4E;
  --text-primary: #F8F9FA;
  --text-secondary: #E9ECEF;
  --text-tertiary: #CED4DA;
  --text-disabled: #ADB5BD;
  --border-color: #3A3F4E;
  --border-light: #2F3442;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.7);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.8);
  
  /* Brand Colors - Mantidos fixos para consistência */
  --primary: #5BA3F5;
  --primary-hover: #4A90E2;
  --primary-light: rgba(74, 144, 226, 0.2);
  --secondary: #8B7AF0;
  --secondary-light: rgba(123, 104, 238, 0.2);
  --accent: #FF9A7A;
  --accent-light: rgba(255, 138, 101, 0.2);
  --success: #5FD998;
  --success-light: rgba(72, 187, 120, 0.2);
  --warning: #F5A562;
  --warning-light: rgba(237, 137, 54, 0.2);
  --error: #FF9A9A;
  --error-light: rgba(252, 129, 129, 0.2);
  --info: #5BACF5;
  --info-light: rgba(66, 153, 225, 0.2);
}

/* Base Styles */
* {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

body {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Theme Toggle Button */
.theme-toggle {
  background: var(--bg-tertiary) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
  padding: 0.5rem 0.75rem !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  margin-left: 0.5rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.theme-toggle:hover {
  background: var(--bg-hover) !important;
  transform: translateY(-1px);
  border-color: var(--text-tertiary) !important;
}

.theme-toggle i {
  margin: 0 !important;
  color: var(--text-primary) !important;
  font-size: 1rem !important;
}