/* Theme-specific styles */

/* Apply transitions to all elements for smoother theme changes */
* {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Dark mode specific overrides */
body.dark-mode {
  background-color: #1a202c !important;
  color: #f7fafc !important;
}

/* Override specific sections */
body.dark-mode section.py-12 {
  background-color: #2d3748 !important;
  color: #f7fafc !important;
}

body.dark-mode .bg-white {
  background-color: #2d3748 !important;
}

body.dark-mode .text-black {
  color: #f7fafc !important;
}

/* Force background colors for specific sections */
body.dark-mode section:nth-of-type(odd) {
  background-color: #1a202c !important;
}

body.dark-mode section:nth-of-type(even) {
  background-color: #2d3748 !important;
}

/* Card backgrounds */
body.dark-mode .card {
  background-color: #4a5568 !important;
}

/* Ensure text is visible */
body.dark-mode h1, 
body.dark-mode h2, 
body.dark-mode h3, 
body.dark-mode p {
  color: #f7fafc !important;
}

/* Light mode defaults - ensure consistency */
body:not(.dark-mode) section:nth-of-type(odd) {
  background-color: #ffffff;
}

body:not(.dark-mode) section:nth-of-type(even) {
  background-color: #f7fafc;
}