/**
 * Theme System (Dark/Light Mode)
 * To be implemented in Issue #14
 */

/* Theme color transitions */
body,
.main-nav,
.main-content,
.mobile-header,
button,
a {
  transition: background-color var(--transition-slow),
              color var(--transition-slow),
              border-color var(--transition-slow);
}

/* Respect reduced motion preference */
@media (prefers-reduced-motion: reduce) {
  body,
  .main-nav,
  .main-content,
  .mobile-header,
  button,
  a {
    transition: none;
  }
}

/* Additional theme-specific styles will be added in Issue #14 */