/* ============================================ */
/* دارک مود برای کل سایت */
/* ============================================ */

body.dark-mode {
    background: #1a1e2c;
    color: #e0e5ec;
}

/* هدر دارک */
body.dark-mode .site-header {
    background: rgba(26, 30, 44, 0.95);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

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

body.dark-mode .main-nav a {
    color: #a0aec0;
}

body.dark-mode .main-nav a:hover,
body.dark-mode .main-nav a.active {
    color: #5a9bc0;
}

/* کارت‌ها و المان‌های نیومورفیسم در دارک */
body.dark-mode .neum-card {
    background: #1e2438;
    box-shadow: 9px 9px 16px #0f121c, -9px -9px 16px #2d3654;
    color: #e0e5ec;
}

body.dark-mode .neum-card:hover {
    box-shadow: 5px 5px 12px #0f121c, -5px -5px 12px #2d3654;
}

/* کارت شیشه‌ای در دارک */
body.dark-mode .glass-card {
    background: rgba(30, 36, 56, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.5), -8px -8px 20px rgba(255, 255, 255, 0.05);
}

/* دکمه‌ها در دارک */
body.dark-mode .btn,
body.dark-mode .btn-outline,
body.dark-mode .social-btn {
    background: #1e2438;
    color: #e0e5ec;
    box-shadow: 8px 8px 16px #0f121c, -4px -4px 10px #2d3654;
}

body.dark-mode .btn-primary {
    background: #2c5f8a;
    color: white;
}

body.dark-mode .contact-detail {
    background: rgba(30, 36, 56, 0.5);
    box-shadow: inset 6px 6px 12px rgba(0, 0, 0, 0.3), inset -4px -4px 10px rgba(255, 255, 255, 0.05);
    color: #e0e5ec;
}

/* فیلدهای فرم در دارک */
body.dark-mode .contact-form input,
body.dark-mode .contact-form select,
body.dark-mode .contact-form textarea {
    background: rgba(30, 36, 56, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #e0e5ec;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3), -5px -5px 12px rgba(255, 255, 255, 0.05);
}

body.dark-mode .contact-form input::placeholder,
body.dark-mode .contact-form textarea::placeholder {
    color: #6a7a8e;
}

body.dark-mode .contact-form input:focus,
body.dark-mode .contact-form select:focus,
body.dark-mode .contact-form textarea:focus {
    box-shadow: inset 8px 8px 16px rgba(0, 0, 0, 0.3), inset -6px -6px 12px rgba(255, 255, 255, 0.05);
}

/* دکمه ارسال در دارک */
body.dark-mode .btn-submit {
    background: #2c5f8a;
    color: white;
}

body.dark-mode .btn-submit:hover {
    background: #1e4566;
}

/* اطلاعات تماس در دارک */
body.dark-mode .info-card h3,
body.dark-mode .contact-detail strong,
body.dark-mode .contact-detail a {
    color: #e0e5ec;
}

body.dark-mode .contact-detail i {
    color: #5a9bc0;
}

body.dark-mode .page-header h1 {
    color: #e0e5ec;
}

body.dark-mode .page-header p {
    color: #a0aec0;
}

body.dark-mode .site-footer {
    color: #6a7a8e;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

body.dark-mode .divider {
    background: rgba(255, 255, 255, 0.1);
}

/* دکمه toggle تم */
.theme-toggle-btn {
    background: rgba(224, 229, 236, 0.3);
    backdrop-filter: blur(10px);
    border: none;
    border-radius: 40px;
    width: 44px;
    height: 44px;
    font-size: 1.3rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    margin-right: 1rem;
    box-shadow: 5px 5px 12px rgba(163, 177, 198, 0.3), -3px -3px 8px rgba(255, 255, 255, 0.7);
    color: #2c5f8a;
}

body.dark-mode .theme-toggle-btn {
    background: rgba(30, 36, 56, 0.6);
    box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.3), -4px -4px 10px rgba(255, 255, 255, 0.05);
    color: #5a9bc0;
}

.theme-toggle-btn:hover {
    transform: scale(1.05);
}

.theme-toggle-btn:active {
    transform: scale(0.95);
}

/* ریسپانسیو */
@media (max-width: 768px) {
    .theme-toggle-btn {
        width: 38px;
        height: 38px;
        font-size: 1.1rem;
        margin-right: 0.5rem;
    }
}

/* پروژه‌ها در دارک */
body.dark-mode .project-card .project-info h3,
body.dark-mode .project-card .project-info p {
    color: #e0e5ec;
}

body.dark-mode .filter-btn {
    background: #1e2438;
    color: #e0e5ec;
    box-shadow: 8px 8px 16px #0f121c, -4px -4px 10px #2d3654;
}

body.dark-mode .filter-btn.active {
    box-shadow: inset 4px 4px 8px #0f121c, inset -4px -4px 8px #2d3654;
}

/* CV در دارک */
body.dark-mode .timeline-item {
    border-right-color: #5a9bc0;
}

body.dark-mode .timeline-year {
    background: #1e2438;
    color: #5a9bc0;
    box-shadow: inset 2px 2px 4px #0f121c, inset -2px -2px 4px #2d3654;
}

body.dark-mode .skill-bar .bar {
    background: #2d3654;
}

body.dark-mode .edu-item {
    background: #1e2438;
    box-shadow: inset 3px 3px 6px #0f121c, inset -3px -3px 6px #2d3654;
}

body.dark-mode .project-badge {
    background: #1e2438;
    box-shadow: 4px 4px 8px #0f121c, -4px -4px 8px #2d3654;
    color: #e0e5ec;
}