/*
Theme Name: Twenty Twenty-Five Modes
Theme URI: http://example.com/twentytwentyfive-modes/
Description: Child theme for Twenty Twenty-Five with Dark and Day modes.
Author: Gemini CLI
Author URI: http://example.com/
Template: twentytwentyfive
Version: 1.0.0
Text Domain: twentytwentyfive-modes
*/

/* Import parent theme styles */
@import url("../twentytwentyfive/style.css");

/* Default Day Mode Styles (applied if no specific mode class is present or for .day-mode) */
body, .day-mode {
    background-color: #f8f8f8; /* Light background */
    color: #333333; /* Dark text */
}

.day-mode a {
    color: #d4af37; /* Gold for links */
}

.day-mode a:hover {
    color: #b8860b; /* Darker gold on hover */
}

.day-mode h1, .day-mode h2, .day-mode h3, .day-mode h4, .day-mode h5, .day-mode h6 {
    color: #d4af37; /* Gold for headings */
}

.day-mode button, .day-mode .wp-block-button__link {
    background-color: #ffd700; /* Gold background */
    color: #333333;
    border: 1px solid #d4af37; /* Gold border */
    box-shadow: 0 0 8px rgba(255, 215, 0, 0.7), 0 0 15px rgba(255, 215, 0, 0.5); /* Gold sparkle effect */
    transition: all 0.3s ease-in-out;
}

.day-mode button:hover, .day-mode .wp-block-button__link:hover {
    background-color: #d4af37; /* Darker gold on hover */
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.9), 0 0 20px rgba(255, 215, 0, 0.7); /* More intense sparkle on hover */
}

.day-mode ::selection {
    background-color: #ffd700;
    color: #333333;
}
.day-mode ::-moz-selection {
    background-color: #ffd700;
    color: #333333;
}

/* Dark Mode Styles (applied when .dark-mode class is present on body) */
body.dark-mode {
    background-color: #1a1a2e; /* Dark background */
    color: #e0e0e0; /* Light text */
}

body.dark-mode a {
    color: #e94560; /* Neon pink for links */
}

body.dark-mode a:hover {
    color: #0f3460; /* Darker blue on hover */
}

body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode h5, body.dark-mode h6 {
    color: #e94560; /* Neon pink for headings */
}

body.dark-mode button, body.dark-mode .wp-block-button__link {
    background-color: #0f3460; /* Neon blue background */
    color: #e0e0e0;
    border: 1px solid #e94560; /* Neon pink border */
    box-shadow: 0 0 5px #e94560, 0 0 10px #e94560, 0 0 15px #e94560; /* Neon pink glow */
    transition: all 0.3s ease-in-out;
}

body.dark-mode button:hover, body.dark-mode .wp-block-button__link:hover {
    background-color: #e94560; /* Neon pink on hover */
    box-shadow: 0 0 5px #0f3460, 0 0 10px #0f3460, 0 0 15px #0f3460; /* Neon blue glow on hover */
}

body.dark-mode ::selection {
    background-color: #0f3460;
    color: #e0e0e0;
}
body.dark-mode ::-moz-selection {
    background-color: #0f3460;
    color: #e0e0e0;
}