/* Dark Mode Styles */
body.dark-mode {
    background-color: #1e1e1e; /* Dark background for overall body */
    color: #e0e0e0; /* Light color for text for better readability */
}

body.dark-mode header, 
body.dark-mode footer {
    background-color: #0a0a23; /* Darker background for header and footer */
}

body.dark-mode a, 
body.dark-mode header a, 
body.dark-mode footer a {
    color: #ffda79; /* Gold color for links to stand out in dark mode */
}

body.dark-mode article {
    background-color: #2a2a2a; /* Dark background for articles */
    border-color: #333333; /* Dark border color for better blending */
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3 {
    color: #ffda79; /* Gold color for headings to make them pop out */
}

body.dark-mode img {
    border-color: #444; /* Slightly lighter border for images if needed */
}

body.dark-mode time {
    color: #bbb; /* Lighter text color for time elements */
}

body.dark-mode .post-img-ctrl-sec {
    background-color: #1d1e1f; /* Dark background for image control section */
}

/* Ensuring that the hover effects also match the dark theme */
body.dark-mode a:hover {
    color: #ffffff; /* White color on hover for better visibility */
    text-decoration: underline;
}