/* =========================================
   ARGON DASHBOARD – CUSTOM BRAND THEME
   Colors: #023047 (Dark) | #fca311 (Accent)
========================================= */

/* ---------- Root Variables Override ---------- */
:root,
[data-bs-theme=light] {
  --bs-primary: #023047;
  --bs-secondary: #fca311;

  --bs-primary-rgb: 2, 48, 71;
  --bs-secondary-rgb: 252, 163, 17;

  --bs-link-color: #023047;
  --bs-link-hover-color: #0b4f6c;

  --bs-heading-color: #023047;
  --bs-body-color: #475569;
  --bs-border-color: #e2e8f0;

  --bs-primary-bg-subtle: #e6edf1;
  --bs-secondary-bg-subtle: #fff1d6;
}

/* ---------- Backgrounds ---------- */
.bg-primary {
  background-color: #023047 !important;
}

.bg-secondary {
  background-color: #fca311 !important;
}

.bg-primary-subtle {
  background-color: #e6edf1 !important;
}

.bg-secondary-subtle {
  background-color: #fff1d6 !important;
}

/* ---------- Text ---------- */
.text-primary {
  color: #023047 !important;
}

.text-secondary {
  color: #584930 !important;
}

.text-muted {
  color: #64748b !important;
}

/* ---------- Buttons ---------- */
.btn-primary {
  --bs-btn-bg: #023047;
  --bs-btn-border-color: #023047;
  --bs-btn-hover-bg: #0b4f6c;
  --bs-btn-hover-border-color: #0b4f6c;
  --bs-btn-color: #ffffff;
}

.btn-secondary {
  --bs-btn-bg: #fca311;
  --bs-btn-border-color: #fca311;
  --bs-btn-hover-bg: #fb8500;
  --bs-btn-hover-border-color: #fb8500;
  --bs-btn-color: #023047;
}

/* ---------- Outline Buttons ---------- */
.btn-outline-primary {
  --bs-btn-color: #023047;
  --bs-btn-border-color: #023047;
  --bs-btn-hover-bg: #023047;
  --bs-btn-hover-color: #ffffff;
}

.btn-outline-secondary {
  --bs-btn-color: #fca311;
  --bs-btn-border-color: #fca311;
  --bs-btn-hover-bg: #fca311;
  --bs-btn-hover-color: #023047;
}

/* ---------- Sidebar / Navbar ---------- */
.sidenav,
.navbar-vertical {
  background-color: #023047 !important;
}

.sidenav .nav-link,
.navbar-vertical .nav-link {
  color: #e5e7eb !important;
}

.sidenav .nav-link.active {
  background-color: #0b4f6c !important;
  border-left: 3px solid #fca311;
  color: #ffffff !important;
}

/* ---------- Cards ---------- */
.card {
  border: 1px solid #e2e8f0;
  box-shadow: 0 6px 18px rgba(2, 48, 71, 0.08);
}

.card-header {
  color: #023047;
  font-weight: 600;
}

/* ---------- Tables ---------- */
.table thead {
  background-color: #f8fafc;
  color: #023047;
}

.table-hover tbody tr:hover {
  background-color: #fff1d6;
}

/* ---------- Alerts ---------- */
.alert-primary {
  background-color: #e6edf1;
  color: #023047;
}

.alert-secondary {
  background-color: #fff1d6;
  color: #023047;
}

/* ---------- Badges ---------- */
.badge.bg-primary {
  background-color: #023047 !important;
}

.badge.bg-secondary {
  background-color: #fca311 !important;
  color: #023047 !important;
}

/* ---------- Icons ---------- */
.icon-shape {
  background-color: #023047;
}

.icon-shape.bg-secondary {
  background-color: #fca311;
}

/* ---------- Text Gradient (Disabled colorful defaults) ---------- */
.text-gradient.text-primary,
.text-gradient.text-secondary {
  background-image: linear-gradient(310deg, #023047, #0b4f6c);
}

/* ---------- Dark Mode (Optional – Safe) ---------- */
[data-bs-theme=dark] {
  --bs-body-bg: #021f30;
  --bs-body-color: #e5e7eb;
  --bs-heading-color: #ffffff;
}
 
/* =========================================
   BRAND OVERRIDES – WHITE SIDEBAR
   Remove Purple / Blue – Use Brand Colors
========================================= */

/* ---------- Sidebar (Keep White) ---------- */
.sidenav,
.navbar-vertical {
  background-color: #ffffff !important;
  box-shadow: none;
}

.sidenav .nav-link {
  color: #023047 !important;
}

.sidenav .nav-link i {
  color: #fca311 !important;
}

.sidenav .nav-link.active {
  background-color: #fff1d6 !important;
  color: #023047 !important;
  border-left: 3px solid #fca311;
}

.sidenav .nav-link.active i {
  color: #fca311 !important;
}

/* ---------- Replace Purple / Blue Gradients ---------- */
.bg-gradient-primary,
.btn.bg-gradient-primary,
.alert-primary,
.text-gradient.text-primary {
  background-image: linear-gradient(310deg, #106690 0%, #0b4f6c 100%) !important;
}


.icon-shape i {
    /* color: #fca311 !important; */
}

.bg-gradient-primary i{
    /* color: #fca311 !important; */
}

/* ---------- Buttons ---------- */
.btn-primary {
  background-color: #fca311 !important;
    border-color: #fca311 !important;
    color: #ffffff !important;
}

.btn-primary:hover {
  background-color: #0b4f6c !important;
  border-color: #0b4f6c !important;
}

.btn-secondary {
  background-color: #fca311 !important;
  border-color: #fca311 !important;
  color: #023047 !important;
}

.btn-secondary:hover {
  background-color: #fb8500 !important;
}

/* ---------- Cards ---------- */
.card {
  border: 1px solid #e2e8f0;
  box-shadow: 0 6px 18px rgba(2, 48, 71, 0.08);
}

/* ---------- Links ---------- */
a {
  color: #023047;
}

a:hover {
  color: #0b4f6c;
}
:root,
[data-bs-theme=light] {
  /* رنگ‌های اصلی */
  --bs-primary: #023047;
  --bs-secondary: #fca311;
  
  /* طیف‌های رنگی برای primary (#023047) */
  --bs-primary-light: #044468;
  --bs-primary-lighter: #065989;
  --bs-primary-dark: #011e31;
  --bs-primary-darker: #011422;
  
  /* طیف‌های رنگی برای secondary (#fca311) */
  --bs-secondary-light: #ffb341;
  --bs-secondary-lighter: #ffc26a;
  --bs-secondary-dark: #e0920a;
  --bs-secondary-darker: #c18008;
  
  /* جایگزین رنگ‌های دیگر با طیف‌های رنگی اصلی */
  --bs-success: var(--bs-secondary);
  --bs-info: var(--bs-primary-lighter);
  --bs-warning: var(--bs-secondary-dark);
  --bs-danger: var(--bs-primary-dark);
  --bs-light: var(--bs-secondary-lighter);
  --bs-dark: var(--bs-primary-darker);
  
  /* رنگ‌های متن */
  --bs-body-color: #344767;
  --bs-heading-color: var(--bs-primary);
  
  /* رنگ‌های پس‌زمینه */
  --bs-body-bg: #ffffff;
  --bs-tertiary-bg: #f8f9fa;
  
  /* رنگ‌های لینک */
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: var(--bs-primary-light);
  
  /* رنگ‌های فرم */
  --bs-form-control-bg: #ffffff;
  --bs-form-control-border: #d2d6da;
  --bs-form-control-focus: var(--bs-secondary);
}