/* --- رنگ‌های اصلی سیستم --- */
:root {
    --primary-color: #2c3e50; /* سرمه‌ای تیره (رنگ اصلی) */
    --secondary-color: #34495e; /* سرمه‌ای روشن‌تر */
    --text-on-primary: #ffffff; /* متن سفید روی سرمه‌ای */
}



/* --- کلاس‌های کمکی برای کارت‌ها و دکمه‌ها --- */
.bg-navy {
    background-color: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.btn-navy {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.btn-navy:hover {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: var(--text-on-primary) !important;
}

/* --- اصلاح کلاس‌های بوت‌استرپ برای هماهنگی --- */
.bg-warning {
    background-color: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.table-warning {
    background-color: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.bg-success {
    background-color: #27ae60 !important; /* سبز برای پایان درخواست */
    color: #fff !important;
}

/* ============================================ */
/* 🟢 اضافه شدن قابلیت Dark Mode (به انتهای فایل اضافه شده) */
/* ============================================ */

/* --- متغیرهای حالت تاریک (Dark Mode) --- */
body.dark-mode {
    --bg-color: #1a1a2e;
    --card-bg: #16213e;
    --text-color: #e0e0e0;
    --sidebar-bg: #0f0f1a;
    --sidebar-text: #e0e0e0;
    --primary-color: #4a69bd;
    --secondary-color: #6a89cc;
    --border-color: #2a2a4a;
    --input-bg: #1a1a2e;
    --placeholder-color: #b0b0b0; /* خاکستری روشن برای خوانایی */
    --text-muted: #b0b0b0;     
}

/* --- اعمال متغیرهای تاریک/روشن به المان‌های سایت --- */
body {
    background-color: var(--bg-color, #e9ecef);
    color: var(--text-color, #333333);
    transition: background-color 0.3s, color 0.3s;
}

.card {
    background-color: var(--card-bg, #ffffff);
    border: 1px solid var(--border-color, #ced4da);
    color: var(--text-color, #333333);
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.sidebar {
    background-color: var(--sidebar-bg, #2c3e50);
    color: var(--sidebar-text, #ecf0f1);
}

.sidebar a {
    color: var(--sidebar-text, #ecf0f1);
}

.form-control, .form-select {
    background-color: var(--input-bg, #ffffff);
    color: var(--text-color, #333333);
    border-color: var(--border-color, #ced4da);
}

.table {
    background-color: var(--card-bg, #ffffff);
    color: var(--text-color, #333333);
}

.table thead th {
    background-color: var(--primary-color, #2c3e50);
    color: #ffffff;
}

/* --- استایل دکمه تغییر حالت (برای منو) --- */
/* --- استایل دکمه تغییر حالت (برای منو) --- */
.theme-toggle-btn {
    background: rgba(255, 255, 255, 0.15) !important; /* ← پس‌زمینه نیمه‌شفاف سفید */
    border: 1px solid #ffffff !important;            /* ← حاشیه سفید */
    color: #ffffff !important;                       /* ← متن سفید محکم */
    padding: 10px;
    border-radius: 8px;
    cursor: pointer;
    width: 100%;
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    transition: 0.2s;
}

.theme-toggle-btn:hover {
    background: rgba(255, 255, 255, 0.3) !important;
}
/* در حالت تاریک، نوشته‌ی دکمه‌ی تغییر حالت سفید شود */

/* اصلاح تگ‌های ورودی و متن‌های راهنما در حالت تاریک */
body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder,
body.dark-mode select::placeholder {
    color: var(--placeholder-color) !important;
}

body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
    color: #ffffff !important; /* متن تایپ‌شده سفید */
    background-color: var(--input-bg) !important;
}

/* اصلاح همه‌ی متن‌های عمومی (پاراگراف، عنوان‌های کوچک و...) */
body.dark-mode p,
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, 
body.dark-mode h4, body.dark-mode h5, body.dark-mode h6,
body.dark-mode .text-muted,
body.dark-mode small,
body.dark-mode label {
    color: #e0e0e0 !important;
}
/* اصلاح کارت‌های پایگاه دانش و متن‌های داخل آن‌ها در حالت تاریک */
body.dark-mode .card {
    background-color: var(--card-bg) !important;
    border-color: var(--border-color) !important;
}

body.dark-mode .card-title {
    color: #ffffff !important;
}

body.dark-mode .card-text {
    color: #e0e0e0 !important;
}