/* =========================================================
   SUBARNA KANDEL PORTFOLIO - DARK MODE & THEME
   ========================================================= */

height: 42px;
    flex: 0 0 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.25rem;
    border: 1px solid rgba(255,255,255,0.35);
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
    color: #ffffff;
    font-size: 1rem;
    cursor: pointer;
    transition: background-color .3s ease, color .3s ease, border-color .3s ease, transform .3s ease;
}

.theme-toggle:hover {
    background: rgba(255,255,255,0.18);
    transform: rotate(10deg);
}

body.dark-mode {
    --light: #e9eee9;
    --text-dark: #e8ede9;
    --primary-light: #a8bf79;
    background-color: #121614;
    color: #e8ede9;
}

body.dark-mode section { background-color: #121614; }
body.dark-mode .projects-section { background-color: #171c19; }

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,

/* =========================================================
   THEME + FLOATING NAVIGATION OVERRIDES
   ========================================================= */

html.dark-mode-preload,
html.dark-mode-preload body {
    background: #0f1411 !important;
}

/* ---------- Full dark theme ---------- */
body.dark-mode {
    background: #0f1411 !important;
    color: #dfe7e1 !important;
    --light: #e7eee9;
    --text-dark: #dfe7e1;
    --primary-light: #a9c477;
}

/* The large green hero becomes genuinely dark instead of remaining green. */
body.dark-mode header {
    background:
        radial-gradient(circle at 75% 35%, rgba(78, 109, 58, 0.20), transparent 34%),
        linear-gradient(135deg, #101612 0%, #172019 52%, #0d120f 100%) !important;
    color: #edf3ee !important;
    box-shadow: 0 5px 25px rgba(0,0,0,0.35);
}

body.dark-mode .hero h1,
body.dark-mode .hero-tagline,
body.dark-mode .hero-about,
body.dark-mode .hero p,
body.dark-mode .logo,
body.dark-mode .logo i {
    color: #f0f5f1 !important;
}

body.dark-mode .hero h1 {
    text-shadow: 0 3px 18px rgba(0,0,0,0.55);
}

body.dark-mode .hero-tagline {
    color: #c4d7ad !important;
}

body.dark-mode .hero-about {
    color: #c1cbc4 !important;
}

body.dark-mode .hero-research-panel {
    background: rgba(255,255,255,0.035) !important;
    border-color: rgba(210,230,215,0.14) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

body.dark-mode .research-item {
    background: rgba(255,255,255,0.045) !important;
    color: #dfe8e1 !important;
    border: 1px solid rgba(255,255,255,0.06);
}

body.dark-mode .research-item:hover {
    background: rgba(255,255,255,0.09) !important;
}

body.dark-mode .research-item i {
    color: #b6d48b !important;
}

body.dark-mode .hero-document-buttons .btn-secondary {
    background: rgba(255,255,255,0.07) !important;
    border-color: rgba(255,255,255,0.18) !important;
    color: #eef4ef !important;
}

body.dark-mode section,
body.dark-mode section[style],
body.dark-mode #education,
body.dark-mode #publications,
body.dark-mode #interests,
body.dark-mode #skills,
body.dark-mode #connect,
body.dark-mode #contact {
    background-color: #0f1411 !important;
    color: #dfe7e1 !important;
}

body.dark-mode .projects-section,
body.dark-mode #projects {
    background-color: #151b17 !important;
}

/* General text in every content section. */
body.dark-mode section p,
body.dark-mode section li,
body.dark-mode section span,
body.dark-mode section label,
body.dark-mode section small {
    color: #bcc8c0;
}

body.dark-mode .section-title,
body.dark-mode section h1,
body.dark-mode section h2,
body.dark-mode section h3,
body.dark-mode section h4,
body.dark-mode section h5,
body.dark-mode section h6 {
    color: #edf3ee !important;
}

body.dark-mode .section-title:after {
    background: #86a95d !important;
}

/* Cards */
body.dark-mode .education-item,
body.dark-mode .project-card,
body.dark-mode .publications-container,
body.dark-mode .interest-card,
body.dark-mode .skill-card,
body.dark-mode .profile-card,
body.dark-mode .contact-info,
body.dark-mode .contact-form,
body.dark-mode .projects-empty,
body.dark-mode .cv-modal-content {
    background: #19201c !important;
    color: #dfe7e1 !important;
    border-color: rgba(220,235,224,0.10) !important;
    box-shadow: 0 8px 28px rgba(0,0,0,0.25) !important;
}

body.dark-mode .education-item h3,
body.dark-mode .project-card h3,
body.dark-mode .interest-content h3,
body.dark-mode .skill-card h3,
body.dark-mode .profile-card h3,
body.dark-mode .contact-info h3,
body.dark-mode .contact-form h3 {
    color: #eaf1ec !important;
}

body.dark-mode .education-item p,
body.dark-mode .project-description,
body.dark-mode .projects-intro,
body.dark-mode .interests-intro,
body.dark-mode .interest-content p,
body.dark-mode .skill-card p,
body.dark-mode .profile-card p,
body.dark-mode .contact-item-content p,
body.dark-mode .publication-item p,
body.dark-mode .projects-status {
    color: #b8c4bc !important;
}

/* Links and accents */
body.dark-mode .thesis-link,
body.dark-mode .project-card h3 a,
body.dark-mode .publication-title,
body.dark-mode .contact-item-content a {
    color: #a9c978 !important;
}

body.dark-mode .thesis-link:hover,
body.dark-mode .project-card h3 a:hover {
    color: #c2df8f !important;
}

body.dark-mode .education-item .date,
body.dark-mode .publication-authors,
body.dark-mode .project-language {
    color: #9fb882 !important;
}

body.dark-mode .project-topic {
    background: #29352d !important;
    color: #c8dda9 !important;
}

body.dark-mode .publication-item,
body.dark-mode .contact-item {
    border-bottom-color: rgba(220,235,224,0.10) !important;
}

/* Technical skills: explicitly override the light inline section/card styling. */
body.dark-mode #skills {
    background: #101511 !important;
}

body.dark-mode #skills .skills-container {
    color: #dfe7e1 !important;
}

body.dark-mode #skills .skill-card {
    background: #19201c !important;
    border-color: rgba(220,235,224,0.11) !important;
}

body.dark-mode #skills .skill-card h3 {
    color: #edf3ee !important;
}

body.dark-mode #skills .skill-card p {
    color: #b8c4bc !important;
}

body.dark-mode #skills .skill-icon {
    color: #9fbe70 !important;
}

body.dark-mode #skills .water-skill {
    color: #63aee8 !important;
}

/* Forms / inputs */
body.dark-mode .form-control {
    background: #222b26 !important;
    color: #edf3ee !important;
    border-color: rgba(220,235,224,0.15) !important;
}

body.dark-mode .form-control::placeholder {
    color: #89978f !important;
}

body.dark-mode .form-control:focus {
    border-color: #89ad61 !important;
    box-shadow: 0 0 0 3px rgba(137,173,97,0.15) !important;
}

body.dark-mode .cv-modal-close {
    color: #bac6be !important;
}

body.dark-mode .cv-modal-header p,
body.dark-mode .cv-modal label {
    color: #c0cbc3 !important;
}

/* Floating meeting button */
body.dark-mode .meeting-dial {
    background: #a77d16 !important;
    box-shadow: 0 8px 28px rgba(0,0,0,0.45);
}

/* Footer */
body.dark-mode footer {
    background: #080c0a !important;
    color: #dfe7e1 !important;
}

/* Theme button */
body.dark-mode .theme-toggle {
    color: #f1d36c !important;
    background: rgba(255,255,255,0.06) !important;
    border-color: rgba(255,255,255,0.18) !important;
}

/* Transitions */
body,
header,
section,
.education-item,
.project-card,
.publications-container,
.interest-card,
.skill-card,
.profile-card,
.contact-info,
.contact-form,
.cv-modal-content,
.form-control,
footer {
    transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease;
}

/* Mobile navigation styles apply only when the bar becomes floating. */
@media (prefers-reduced-motion: reduce) {
    header > .container > nav,
    body, header, section, .education-item, .project-card,
    .publications-container, .interest-card, .skill-card,
    .profile-card, .contact-info, .contact-form, .cv-modal-content,
    .form-control, footer {
        transition: none !important;
    }
}

/* Confirmation Card in Dark Mode */
.project-card,
.publications-container,
.interest-card,
.skill-card,
.profile-card,

/* Theme Toggle Responsive */
}

@media (prefers-reduced-motion: reduce) {
    .theme-toggle, body, section, .education-item, .project-card,
    .publications-container, .interest-card, .skill-card, .profile-card,
    .contact-info, .contact-form, .cv-modal-content,
    .request-confirmation-card, .form-control, footer {
        transition: none;