/* Dark Mode Theme */

[data-theme="dark"] {
  /* Cores Base */
  --background: #1a1a1a;
  --surface: #2d2d2d;
  --text-primary: #e0e0e0;
  --text-secondary: #a0a0a0;

  /* Bordas */
  --border-color: #404040;

  /* Sombras */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 2px 10px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 4px 20px rgba(0, 0, 0, 0.5);
}

/* Theme Toggle Button */
.theme-toggle {
  background: transparent;
  border: 2px solid var(--border-color);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

.theme-toggle:hover {
  border-color: var(--primary-orange);
  transform: scale(1.1);
}

.theme-icon {
  font-size: var(--font-size-lg);
}