/* Dark mode for the entire site */
html.dark-mode body {
    background-color: #121212; /* off-black for professional look */
    color: #e0e0e0;            /* soft off-white text */
}

html.dark-mode a:link,
html.dark-mode a:visited {
    color: #80c0ff;             /* more readable link color */
}

html.dark-mode a:hover {
    color: #a0d0ff !important;
}

html.dark-mode .navbar {
    background-color: #1a1a1a;
    border-top-color: #80c0ff; /* matches link accent */
}

html.dark-mode footer {
    border-bottom-color: #80c0ff;
}

/* ResearchGate icon */
html.dark-mode .navbar-icon-img {
    filter: invert(100%);
}

/* Font Awesome icons */
html.dark-mode .navbar-icon i {
    color: #e0e0e0;
}

/* Optional: smooth transition */
body, .navbar, a, .navbar-icon-img, .navbar-icon i {
    transition: all 0.3s ease;
}

html.dark-mode {
    --section-bg: #2c2c2c;
    --button-bg: #3399ff;
    --button-color: #ffffff;
}

/* Buttons */
.btn {
    display: inline-block;
    padding: 0.5rem 1rem;
    background-color: var(--button-bg);
    color: var(--button-color);
    text-decoration: none;
    border-radius: 6px;
    font-weight: bold;
    margin-top: 0.5rem;
}

.btn:hover {
    opacity: 0.85;
}

/* Dark mode panel text */
.dark-mode div[style*="background-color:#f9f9f9"] {
    background-color: #2a2a2a !important; /* optional: dark panel background */
    color: #f0f0f0 !important;           /* readable text */
}

.dark-mode div[style*="background-color:#f9f9f9"] h3,
.dark-mode div[style*="background-color:#f9f9f9"] p,
.dark-mode div[style*="background-color:#f9f9f9"] a {
    color: #f0f0f0 !important;           /* ensures headings, paragraphs, links are visible */
}

.dark-mode div[style*="background-color:#f9f9f9"] {
    box-shadow: 0 2px 8px rgba(255,255,255,0.1);
}