:root{
  --bg: #f8f9fa;
  --card: #ffffff;
  --card-2: #f1f3f5;
  --text: #212529;
  --muted: #5b6780;
  --accent: #002147;   /* أزرق الجامعة الداكن */
  --accent-2: #0056b3; /* أزرق فاتح */
  --warning: #ffc107;  /* ذهبي */
  --danger: #d9534f;
  --radius: 18px;
  --shadow: 0 8px 24px rgba(0,0,0,.08);
}

/* الخلفية العامة */
body {
  margin: 0;
  font-family: "Cairo", sans-serif;
  background: linear-gradient(135deg, #ffffff, #f4f6fb);
  color: var(--text);
  line-height: 1.8;
  padding-top: 80px; /* يضبط المسافة بين الهيدر وبداية الصفحة */

}

/* الهيدر والفوتر */
header.bg-dark {
  background: linear-gradient(135deg, var(--accent), var(--accent-2)) !important;
}
footer.bg-dark {
  background: var(--accent) !important;
  color: #fff;
}

/* الأزرار */
.btn.primary {
  background: linear-gradient(135deg, var(--warning), #ffd65b);
  color: #002147;
  border: none;
  font-weight: 700;
}
.btn.primary:hover {
  background: linear-gradient(135deg, #ffd65b, #ffc107);
}

.btn.secondary {
  background: transparent;
  color: var(--accent);
  border: 1px solid var(--accent);
}
.btn.secondary:hover {
  background: var(--accent);
  color: #fff;
}

/* الشارات والعناوين */
.badge {
  background: var(--warning);
  color: #002147;
}
.chip {
  border-color: var(--accent);
  color: var(--accent);
}

/* البطاقات */
.card {
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 4px 16px rgba(0,0,0,.05);
}
.card .tag {
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: #fff;
}
.card .tag.alt {
  background: linear-gradient(135deg, var(--warning), #ffe799);
  color: #002147;
}

/* العناوين */
h1, h2, h3 {
  color: var(--accent);
}

/* روابط */
a {
  color: var(--accent);
  text-decoration: none;
}
a:hover {
  color: var(--accent-2);
}

/* تذييل */
footer .brand span {
  color: var(--warning);
}