/* ============================================
   dark.css - تم تاریک (با بازنویسی متغیرها)
   ============================================ */

body.dark-mode {
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --bg-nav: #1e293b;
    --bg-sidebar: #162032;
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-hover: 0 6px 20px rgba(0, 0, 0, 0.5);
    --color-primary: #60a5fa;
    --color-primary-hover: #3b82f6;
}

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

body.dark-mode #langDropdown {
    background: var(--bg-secondary);
    border-color: var(--border-color);
}

body.dark-mode #langDropdown a:hover {
    background: var(--bg-primary);
}

body.dark-mode .modal-box {
    background: var(--bg-secondary);
}

body.dark-mode .btn-danger {
    background: #dc2626;
}

body.dark-mode .btn-danger:hover {
    background: #b91c1c;
}