/* Dark Mode Toggle Styles */
.theme-toggle {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1000;
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-full);
  padding: 10px;
  cursor: pointer;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.theme-toggle:hover {
  transform: scale(1.1);
  box-shadow: var(--shadow-md);
}

.theme-toggle svg {
  width: 24px;
  height: 24px;
  color: var(--text-primary);
}

/* Dark mode specific adjustments */
@media (prefers-color-scheme: dark) {
  /* Enhanced shadows in dark mode */
  .card,
  .project-card,
  .research-card,
  .award-item {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
  }
  
  /* Better contrast for code elements */
  code,
  pre {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
  }
}

/* Light mode specific adjustments */
@media (prefers-color-scheme: light) {
  /* Softer shadows in light mode */
  .card,
  .project-card,
  .research-card,
  .award-item {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  }
  
  /* Better contrast for code elements */
  code,
  pre {
    background: rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
}