:root {
  --primary-color: #1e2c52;     /* لون السكشن الأول */
  --header-color: #27325b;      /* لون الهيدر */
  --accent-color: #00b2ff;      /* أزرق سماوي فاتح */
  --text-light: #ffffff;
  --text-accent: #00b2ff;
  --text-dark: #1a1a1a;
}

/* ===== الهيدر (Navbar) ===== */
.ud-header {
  background-color: var(--header-color) !important;
  padding: 10px 0;
  border-bottom: 2px solid var(--accent-color);
}

.ud-header img {
  filter: brightness(0) invert(1);
  height: 40px;
}

.ud-header a,
.ud-header nav a,
.ud-header .nav-item a {
  color: var(--text-light) !important;
  font-weight: 500;
  transition: color 0.3s ease;
}

.ud-header a:hover {
  color: var(--accent-color) !important;
}

/* ===== أول سكشن ===== */
.ud-about-wrapper:first-of-type,
.ud-feature-section {
  background-color: var(--primary-color) !important;
  color: var(--text-light) !important;
}

.ud-about-wrapper:first-of-type h1,
.ud-about-wrapper:first-of-type h2,
.ud-about-wrapper:first-of-type h3,
.ud-about-wrapper:first-of-type p,
.ud-about-wrapper:first-of-type span,
.ud-about-wrapper:first-of-type a {
  color: var(--text-light) !important;
}

/* ===== العناوين (أزرق فاتح) ===== */
.section-title,
h1, h2, h3 {
  color: var(--text-accent) !important;
}

/* ===== باقي السكشنات ===== */
.ud-about-wrapper:not(:first-of-type) {
  background-color: inherit !important;
  color: inherit !important;
}

/* ===== أزرار ===== */
.button-primary {
  background-color: var(--accent-color);
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.button-primary:hover {
  background-color: #009ee0;
  transform: scale(1.05);
}

/* ===== أدوات إضافية ===== */
.text-white {
  color: var(--text-light) !important;
}
.bg-primary {
  background-color: var(--primary-color) !important;
}