/* Dark Mode Styles */
:root {
    --dark-bg: #121212;
    --dark-surface: #1e1e1e;
    --dark-surface-light: #2d2d2d;
    --dark-text: #e0e0e0;
    --dark-text-secondary: #aaaaaa;
    --dark-border: #333333;
    --dark-primary: #4dabf7;
    --dark-primary-dark: #339af0;
    --dark-accent: #ff6b6b;
    --bg-color: var(--dark-bg);
}

body.dark-mode {
    background-color: var(--dark-bg);
    color: var(--dark-text);
}

/* Navigation */
body.dark-mode .navbar {
    background-color: var(--dark-surface);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

body.dark-mode .logo-text {
    color: #ffffff;
}

body.dark-mode .nav-link {
    color: var(--dark-text-secondary);
}

body.dark-mode .nav-link:hover,
body.dark-mode .nav-link.active {
    color: var(--dark-primary);
}

body.dark-mode #theme-toggle {
    color: var(--dark-primary);
    border-color: var(--dark-primary);
}

body.dark-mode #theme-toggle:hover {
    color: white;
}

/* Sections */
body.dark-mode .section-title {
    color: var(--dark-text);
}

body.dark-mode .section-subtitle {
    color: var(--dark-text-secondary);
}

body.dark-mode .bg-light {
    background-color: var(--dark-surface) !important;
}

/* Cards */
body.dark-mode .project-card,
body.dark-mode .cert-card,
body.dark-mode .skill-card,
body.dark-mode .timeline-item,
body.dark-mode .education-item,
body.dark-mode .blog-card {
    background-color: var(--dark-surface-light);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

body.dark-mode .project-content h3,
body.dark-mode .cert-body h3,
body.dark-mode .skill-card h3,
body.dark-mode .timeline-content h3,
body.dark-mode .education-item h3,
body.dark-mode .blog-title a {
    color: var(--dark-text);
}

body.dark-mode .project-content p,
body.dark-mode .cert-body p,
body.dark-mode .skill-card p,
body.dark-mode .blog-excerpt {
    color: var(--dark-text-secondary);
}

body.dark-mode .blog-meta {
    color: var(--dark-text-secondary);
}

body.dark-mode .blog-category {
    color: var(--dark-primary);
}

body.dark-mode .blog-title a:hover {
    color: var(--dark-primary);
}

body.dark-mode .blog-card:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}

body.dark-mode .project-tags span {
    background-color: rgba(77, 171, 247, 0.15);
    color: var(--dark-primary);
}

/* Timeline */
body.dark-mode .timeline::before {
    background-color: var(--dark-primary);
}

body.dark-mode .timeline-content h4,
body.dark-mode .education-item h4 {
    color: var(--dark-text-secondary);
}

/* Forms */
body.dark-mode .form-control {
    background-color: var(--dark-surface);
    border-color: var(--dark-border);
    color: var(--dark-text);
}

body.dark-mode .form-control:focus {
    background-color: var(--dark-surface-light);
    border-color: var(--dark-primary);
    color: var(--dark-text);
}

body.dark-mode .form-control::placeholder {
    color: var(--dark-text-secondary);
}

/* Modals */
body.dark-mode .modal-content {
    background-color: var(--dark-surface);
}

body.dark-mode .modal-header,
body.dark-mode .modal-footer {
    background-color: var(--dark-surface-light) !important;
    border-color: var(--dark-border);
}

body.dark-mode .modal-title {
    color: var(--dark-text);
}

body.dark-mode .text-secondary {
    color: var(--dark-text-secondary) !important;
}

body.dark-mode .text-muted {
    color: var(--dark-text-secondary) !important;
}

/* Footer */
body.dark-mode .footer {
    background-color: var(--dark-surface-light);
}

body.dark-mode .footer-copy {
    color: var(--dark-text);
}

/* Back to Top Button */
body.dark-mode .back-to-top {
    background-color: var(--dark-primary);
    color: #ffffff;
}

body.dark-mode .back-to-top:hover {
    background-color: var(--dark-primary-dark);
    color: #ffffff;
}

body.dark-mode .back-to-top .arrow-icon {
    stroke: #ffffff;
}

body.dark-mode .progress-circle {
    stroke: #ffffff;
}

/* Buttons */
body.dark-mode .btn-outline-primary {
    color: var(--dark-primary);
    border-color: var(--dark-primary);
}

body.dark-mode .btn-outline-primary:hover {
    background-color: var(--dark-primary);
    color: var(--dark-bg);
}

/* Modal Close Button */
body.dark-mode .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* Enhanced Dark Mode Elements */
body.dark-mode .skill-card {
    background: rgba(30, 30, 30, 0.9);
    border-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .skill-card h3 {
    color: var(--dark-text);
}

body.dark-mode .skill-item {
    color: var(--dark-text-secondary);
    border-bottom-color: rgba(255,255,255,0.1);
}

body.dark-mode .skill-item:hover {
    color: var(--dark-text);
    background-color: rgba(77, 171, 247, 0.1);
}

/* Enhanced Certification Cards Dark Mode */
body.dark-mode .cert-section {
    background: var(--dark-bg);
}





body.dark-mode .enhanced-cert {
    background: var(--dark-surface-light);
    border-color: var(--dark-border);
}

body.dark-mode .enhanced-cert:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

body.dark-mode .cert-body h3 {
    color: var(--dark-text);
}

body.dark-mode .cert-description {
    color: var(--dark-text-secondary);
}

body.dark-mode .meta-item {
    color: var(--dark-text-secondary);
}

body.dark-mode .meta-item i {
    color: var(--dark-primary);
}

body.dark-mode .verify-btn {
    background: #28a745;
    border-color: #28a745;
    color: white;
}

body.dark-mode .verify-btn:hover {
    background: #218838;
    color: white;
}

body.dark-mode .verify-btn.disabled {
    background: #6c757d;
    border-color: #6c757d;
}



body.dark-mode .navbar-collapse {
    background: var(--dark-surface);
}

body.dark-mode .nav-link {
    border-color: var(--dark-border);
}

/* Transitions */
body.dark-mode,
body.dark-mode *,
body.light-mode,
body.light-mode * {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}