/*
  unified-theme.css — لایه پایه توکن‌های طراحی سامانه شاخص
  فاز ۰ از برنامه یکپارچه‌سازی UI/UX
  این فایل هنوز به هیچ View/Layout متصل نشده است.
  اتصال به Layoutها در فازهای بعدی و پس از تأیید انجام می‌شود.
  تاریخ ایجاد: 2026-09-17

  توضیح رنگ Primary: مقدار --brand-primary دقیقاً از Content/css/colors/blue-dark.css
  استخراج شده (#1565C0 — همان رنگی که در آن فایل برای bg-theme-dark، btn-custom،
  nav-pills و ... استفاده شده). مقدار --brand-primary-darker نیز از همان فایل است
  (#03396f — رنگ navbar-header/سایدبار). --brand-primary-dark یک پله میانی
  محاسبه‌شده بین این دو است (رنگ جدید ابداعی نیست، فقط میان‌یابی در همان خانواده آبی).
*/

:root {
  /* برند/آبی — استخراج‌شده از Content/css/colors/blue-dark.css */
  --brand-primary: #1565C0;
  --brand-primary-dark: #0D47A1;
  --brand-primary-darker: #03396F;
  --brand-primary-light: #E3F0FD;
  --brand-primary-lighter: #F2F8FE;

  /* رنگ‌های معنایی */
  --color-success: #16A085;
  --color-success-light: #E3F7F1;
  --color-danger: #E74C3C;
  --color-danger-light: #FDECEA;
  --color-warning: #F5A623;
  --color-warning-light: #FEF3E2;
  --color-info: #17A2E8;
  --color-info-light: #E7F6FD;
  --color-secondary: #7F8C9B;
  --color-secondary-light: #EEF1F3;

  /* خنثی/متن/پس‌زمینه */
  --text-primary: #2B3648;
  --text-muted: #7A8699;
  --border-color: #E3E7ED;
  --bg-page: #F3F5F8;
  --bg-card: #FFFFFF;

  /* فاصله‌گذاری و هندسه */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --header-height: 58px;
  --sidebar-width: 230px;
}

/* ===== کلاس‌های پایه دکمه معنایی (جدید) =====
   این کلاس‌ها کنار کلاس‌های قدیمی (btn-twitter, btn-skype, ...) اضافه می‌شوند
   و آن‌ها را حذف نمی‌کنند. جایگزینی دکمه‌به‌دکمه در فازهای بعدی انجام می‌شود. */
.btn-brand-primary,
.btn-brand-success,
.btn-brand-danger,
.btn-brand-warning,
.btn-brand-info,
.btn-brand-secondary {
  display: inline-block;
  padding: 8px 16px;
  border-radius: var(--radius-sm);
  border: 1px solid transparent;
  font-weight: 500;
  line-height: 1.42857;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.btn-brand-primary {
  background: var(--brand-primary);
  color: #fff;
  border-color: var(--brand-primary);
}
.btn-brand-primary:hover,
.btn-brand-primary:focus {
  background: var(--brand-primary-dark);
  border-color: var(--brand-primary-dark);
  color: #fff;
}

.btn-brand-success {
  background: var(--color-success);
  color: #fff;
  border-color: var(--color-success);
}
.btn-brand-success:hover,
.btn-brand-success:focus {
  background: #128a70;
  border-color: #128a70;
  color: #fff;
}

.btn-brand-danger {
  background: var(--color-danger);
  color: #fff;
  border-color: var(--color-danger);
}
.btn-brand-danger:hover,
.btn-brand-danger:focus {
  background: #d62c1a;
  border-color: #d62c1a;
  color: #fff;
}

.btn-brand-warning {
  background: var(--color-warning);
  color: #fff;
  border-color: var(--color-warning);
}
.btn-brand-warning:hover,
.btn-brand-warning:focus {
  background: #dc8f0a;
  border-color: #dc8f0a;
  color: #fff;
}

.btn-brand-info {
  background: var(--color-info);
  color: #fff;
  border-color: var(--color-info);
}
.btn-brand-info:hover,
.btn-brand-info:focus {
  background: #1288c4;
  border-color: #1288c4;
  color: #fff;
}

.btn-brand-secondary {
  background: #fff;
  color: var(--text-muted);
  border-color: var(--border-color);
}
.btn-brand-secondary:hover,
.btn-brand-secondary:focus {
  background: var(--color-secondary-light);
  color: var(--text-primary);
  border-color: var(--color-secondary);
}