/* Dark Mode Base Styles
 * This file provides shared dark mode infrastructure.
 * Each CYOA should define its own dark mode color overrides in its cyoa-styles.css
 * using the body.dark-mode selector.
 */

/* Transition for smooth theme switching */
body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

body.dark-mode .section,
body.dark-mode .character-sheet,
body.dark-mode .navigation-menu,
body.dark-mode .modal-content,
body.dark-mode .choice-item,
body.dark-mode .option-item,
body.dark-mode .roll-item {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}