/* اللون الأساسي المستخرج من الشعار */
:root {
  --main-color: #4e2f22;
  --accent-color: #3b2318;
  --light-bg: #f9f6f3;
  --text-color: #2e1d15;
}

/* خلفية الموقع العامة */
body {
  background-color: var(--light-bg);
  color: var(--text-color);
  font-family: 'Tajawal', sans-serif;
}

/* الشريط العلوي */
.top-bar, .navbar {
  background-color: var(--main-color) !important;
  color: white !important;
}
.navbar a, .top-bar a {
  color: white !important;
}

/* الأزرار */
.btn, .btn-primary, .product-card__button {
  background-color: var(--main-color) !important;
  border-color: var(--main-color) !important;
  color: #fff !important;
}
.btn:hover {
  background-color: var(--accent-color) !important;
}

/* المنتجات */
.product-card {
  border: 1px solid #ddd;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* الفوتر */
footer {
  background-color: var(--main-color);
  color: white;
}
footer a {
  color: #ddd !important;
}
footer a:hover {
  color: #fff !important;
}

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

/* تحسين صفحة المنتج */
.product-details__name, .product-details__price {
  color: var(--main-color);
}