/* Add custom CSS styles below */ 
/* إعداد الألوان */
:root {
  --brand-dark: #144b3c;  /* درجة أغمق */
  --brand-light: #185d4a; /* اللون المطلوب */
  --brand-text: #ffffff;  /* النص أبيض */
}

/* تدرّج الفوتر */
footer,
.site-footer,
#footer,
.footer,
.footer-container,
.footer-wrapper {
  background: linear-gradient(
    180deg,
    var(--brand-light) 0%,
    var(--brand-dark) 100%
  ) !important;
  color: var(--brand-text) !important;
}

/* تدرّج رأس الصفحة (الهيدر) */
header,
.site-header,
#header,
.main-header,
.top-header,
.header-wrapper {
  background: linear-gradient(
    180deg,
    var(--brand-light) 0%,
    var(--brand-dark) 100%
  ) !important;
  color: var(--brand-text) !important;
}

/* الروابط داخل الهيدر والفوتر */
header a,
.site-header a,
.top-header a,
footer a,
.site-footer a,
.footer a {
  color: var(--brand-text) !important;
  text-decoration: none;
}

/* تأثير المرور على الروابط */
header a:hover,
footer a:hover {
  opacity: 0.85;
}