/* ===========================================================
   theme.overrides.css — تطبيق ألوان موحدة على عناصر عامة
   =========================================================== */

/* خلفية ونص عام */
html[dir="rtl"]{scroll-behavior:smooth;}
body{
  color:#12263f;
  font-family:var(--font);
  background:
   radial-gradient(70rem 70rem at 120% -10%, color-mix(in srgb, var(--c2) 33%, transparent) 0%, transparent 55%),
   radial-gradient(70rem 70rem at -15% 120%, color-mix(in srgb, var(--c3) 28%, transparent) 0%, transparent 55%),
   linear-gradient(135deg, var(--c1), var(--c2));
}

/* أزرار أساسية (بدون إعادة build للـ Bootstrap) */
.btn-primary{ background:linear-gradient(90deg, color-mix(in srgb, var(--c2) 70%, #2b7bff), var(--c2)); border:0; box-shadow:var(--shadow-sm); }
.btn-success{ background:linear-gradient(90deg, color-mix(in srgb, var(--c3) 70%, #16a34a), var(--c3)); border:0; box-shadow:var(--shadow-sm); }
.btn-info   { background:linear-gradient(90deg, color-mix(in srgb, var(--c2) 70%, #0891b2), var(--c2)); border:0; box-shadow:var(--shadow-sm); }
.btn-warning{ background:linear-gradient(90deg, var(--c4), #fbbf24); color:#1f2937; border:0; box-shadow:var(--shadow-sm); }
.btn-danger { background:linear-gradient(90deg, #dc2626, var(--c5)); border:0; box-shadow:var(--shadow-sm); }
.btn,button { border-radius:12px; font-weight:800; }

/* بطاقات/خطوط/حدود */
.card{ border:1px solid var(--border); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); }
.card-header{ background: linear-gradient(90deg,#ffffff 0%, var(--surface-2, #f6f9ff) 100%); border-bottom:1px solid var(--border); }

/* تنبيهات */
.alert-success{ background:#ecfdf5; color:#065f46; border:1px solid #bbf7d0; }
.alert-danger { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.alert-info   { background:#eff6ff; color:#1e3a8a; border:1px solid #bfdbfe; }
.alert-warning{ background:#fffbeb; color:#92400e; border:1px solid #fde68a; }

/* جداول رأسها غامق */
.table thead th{ background: var(--c1); color:#fff; }

/* Inputs */
select,.form-control{
  border-radius:12px!important; border:1px solid var(--border)!important; background:#fff!important; font-weight:800;
}
.form-control:focus,select:focus{
  border-color:#86b7fe!important;
  box-shadow:0 0 0 4px color-mix(in srgb, var(--c2) 25%, transparent)!important;
}