/* theme.css - Dark Mode */

[data-theme="dark"] {
    /* Colors - Dark Mode */
    --pink-light: #2a1a2a;
    --pink: #8a3a5a;
    --pink-dark: #c44569;
    --text: #e8d8e8;
    --text-light: #a87aa8;
    --white: #1a0f1a;
    --card-bg: rgba(42, 26, 42, 0.95);
    
    /* Gradients */
    --gradient-primary: linear-gradient(135deg, var(--pink) 0%, var(--pink-dark) 100%);
    --gradient-secondary: linear-gradient(135deg, #1a0f1a 0%, #2a1a2a 100%);
    --shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    --shadow-hover: 0 15px 40px rgba(138, 58, 90, 0.6);
}

[data-theme="dark"] .main-header {
    background: var(--gradient-primary),
                url('https://lutfifakee.top/assets/img/background-lutfifakee.jpg');
}

[data-theme="dark"] .main-header::before {
    color: rgba(255, 255, 255, 0.6);
}

[data-theme="dark"] .mobile-toggle {
    background: var(--card-bg);
    border-color: var(--pink);
}

[data-theme="dark"] .mobile-toggle span {
    background: var(--pink);
}

[data-theme="dark"] .btn-theme {
    background: var(--pink-light);
    color: var(--pink-dark);
    border-color: var(--pink-dark);
}

[data-theme="dark"] .btn-theme:hover {
    background: var(--pink-dark);
    color: white;
}

[data-theme="dark"] .user-info {
    background: rgba(42, 26, 42, 0.9);
    color: var(--pink);
}

[data-theme="dark"] .contact-card {
    background: rgba(138, 58, 90, 0.2);
}

[data-theme="dark"] .contact-card:hover {
    background: var(--card-bg);
}

[data-theme="dark"] .skill {
    background: rgba(138, 58, 90, 0.3);
}

[data-theme="dark"] .skill:hover {
    background: var(--pink);
}

[data-theme="dark"] .sakura {
    color: var(--pink);
    opacity: 0.4;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--pink);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--gradient-primary);
}

[data-theme="dark"] .avatar {
    border-color: var(--pink);
    background: #2a2a2a;
}