/* ═══════════════════════════════════════════════════════════
   متغیرهای تم - حالت تاریک (پیش‌فرض)
   ═══════════════════════════════════════════════════════════ */
:root,
[data-theme="dark"] {
    /* پس‌زمینه‌ها */
    --bg-primary: #0d1117;
    --bg-secondary: #161b22;
    --bg-tertiary: #21262d;
    --bg-hover: #1f2937;
    --bg-card: #161b22;
    --bg-input: #21262d;
    
    /* حاشیه‌ها */
    --border-color: #30363d;
    --border-color-light: #3d444d;
    
    /* متن‌ها */
    --text-primary: #e6edf3;
    --text-secondary: #8b949e;
    --text-muted: #6e7681;
    --text-inverse: #181a20;
    
    /* رنگ‌های اصلی */
    --accent-color: #f0b90b;
    --accent-hover: #d4a006;
    --color-primary: #f0b90b;
    --color-primary-light: rgba(240, 185, 11, 0.12);
    --color-primary-hover: #d4a006;
    
    /* رنگ‌های وضعیت */
    --color-success: #0ecb81;
    --color-success-light: rgba(14, 203, 129, 0.12);
    --color-danger: #f6465d;
    --color-danger-light: rgba(246, 70, 93, 0.12);
    --color-warning: #f0b90b;
    --color-warning-light: rgba(240, 185, 11, 0.12);
    --color-info: #58a6ff;
    --color-info-light: rgba(88, 166, 255, 0.12);
    
    /* سایه‌ها */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
    
    /* لایه‌ها */
    --overlay: rgba(0, 0, 0, 0.75);
    --modal-bg: #161b22;
}

/* ═══════════════════════════════════════════════════════════
   متغیرهای تم - حالت روشن
   ═══════════════════════════════════════════════════════════ */
[data-theme="light"] {
    /* پس‌زمینه‌ها */
    --bg-primary: #ffffff;
    --bg-secondary: #f6f8fa;
    --bg-tertiary: #eaeef2;
    --bg-hover: #f3f4f6;
    --bg-card: #ffffff;
    --bg-input: #ffffff;
    
    /* حاشیه‌ها */
    --border-color: #d0d7de;
    --border-color-light: #d8dee4;
    
    /* متن‌ها */
    --text-primary: #1f2328;
    --text-secondary: #57606a;
    --text-muted: #6e7781;
    --text-inverse: #ffffff;
    
    /* رنگ‌های اصلی */
    --accent-color: #b8860b;
    --accent-hover: #996f09;
    --color-primary: #b8860b;
    --color-primary-light: rgba(184, 134, 11, 0.12);
    --color-primary-hover: #996f09;
    
    /* رنگ‌های وضعیت */
    --color-success: #1a7f37;
    --color-success-light: rgba(26, 127, 55, 0.12);
    --color-danger: #cf222e;
    --color-danger-light: rgba(207, 34, 46, 0.12);
    --color-warning: #9a6700;
    --color-warning-light: rgba(154, 103, 0, 0.12);
    --color-info: #0969da;
    --color-info-light: rgba(9, 105, 218, 0.12);
    
    /* سایه‌ها */
    --shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
    
    /* لایه‌ها */
    --overlay: rgba(0, 0, 0, 0.5);
    --modal-bg: #ffffff;
}

/* ═══════════════════════════════════════════════════════════
   اصلاحات کلی برای همه عناصر
   ═══════════════════════════════════════════════════════════ */
body {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

/* جدول‌ها */
table {
    background: var(--bg-card) !important;
}

table th {
    background: var(--bg-tertiary) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
}

table td {
    background: transparent !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

/* کارت‌ها */
.dl-card,
.dcx-card,
.doc-modal,
.dv-section,
.pd-section,
.ct-card,
.cd-card {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

/* مودال‌ها */
.doc-modal-overlay,
.cd-modal-overlay {
    background: var(--overlay) !important;
}

/* ورودی‌ها */
input, select, textarea {
    background: var(--bg-input) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

/* دکمه‌ها */
.dl-filter, .dcx-subop, .dcx-op, .cd-btn {
    background: var(--bg-tertiary) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
}

/* نوارهای کناری */
.sidebar {
    background: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

.sidebar-item {
    color: var(--text-secondary) !important;
}

.sidebar-item:hover {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

.sidebar-item.active {
    background: var(--color-primary-light) !important;
    color: var(--color-primary) !important;
}

/* هدرها */
.header {
    background: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

/* فوترها */
.footer {
    background: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
    color: var(--text-secondary) !important;
}

/* آمار و کارت‌های اطلاعات */
.dl-stat-card, .doc-info-item {
    background: var(--bg-tertiary) !important;
    border-color: var(--border-color) !important;
}

/* نوارهای پیشرفت و badge ها */
.dl-badge, .dcx-badge {
    border-color: var(--border-color) !important;
}

/* متن‌های کم‌رنگ */
.dl-empty, .dcx-empty, .cd-empty {
    color: var(--text-secondary) !important;
}

/* اصلاحات خاص برای light mode */
[data-theme="light"] .dl-title-ico,
[data-theme="light"] .dcx-title-ico,
[data-theme="light"] .dl-new,
[data-theme="light"] .dcx-btn-record {
    color: #ffffff !important;
}

[data-theme="light"] .doc-modal-header {
    color: #ffffff !important;
}

[data-theme="light"] .doc-modal-header .doc-modal-close {
    color: #ffffff !important;
}