/**
 * Theme system: light/dark mode bindings.
 * Only redefines CSS variables from variables.css.
 * No component styles here.
 */

/* Theme toggle is handled via data-theme attribute on html/body */
/* Variables are defined in variables.css and overridden here for dark theme */

/* Ensure smooth theme transitions */
html {
  transition: background-color var(--transition-base), color var(--transition-base);
}

body {
  transition: background-color var(--transition-base), color var(--transition-base);
}

/* Theme persistence can be handled via JavaScript */
/* Default theme is light (defined in :root in variables.css) */
/* Dark theme is activated via [data-theme="dark"] attribute */