.dark-toggle {
    background: none;
    border: none;
    font-size: 1.6rem;
    cursor: pointer;
    color: #444;
    transition: 0.2s;
}

.dark-toggle:hover {
    transform: scale(1.15);
}

/* Dark Mode */
body.dark {
    background: #111;
    color: #eee;
}

body.dark .main-header,
body.dark .nav-links,
body.dark .avatar-dropdown {
    background: #1a1a1a;
    border-color: #333;
}

body.dark a {
    color: #ddd;
}

body.dark .dash-card {
    background: #1a1a1a;
    color: #eee;
    border-color: #333;
}

body.dark .cta-btn {
    background: #ec4899;
}

body.dark .dark-toggle {
    color: #facc15;
}

body.dark h1 {
    color: #facc15;
}