/* الخلفية العامة للموقع */
body,
.app,
#app{
background:#F2E8DA !important;
}

/* البلوكات الرئيسية */
.main-content,
.container,
.content-wrapper,
.section{
background:#F2E8DA !important;
}

/* بطاقات المنتجات والمربعات */
.product,
.product-item,
.product-card,
.card,
.box,
.s-block,
.s-product-card,
.s-block-card,
.s-product-item{
background:#F7EFE4 !important;
border-radius:12px;
}

/* ظل خفيف يعطي فخامة */
.product,
.product-card,
.card{
box-shadow:0 4px 12px rgba(0,0,0,0.05);
}

/* الهيدر والفوتر بلون الهوية */
header,
footer{
background:#2E372C !important;
}

/* الأزرار */
button,
.btn{
background:#2E372C !important;
color:white !important;
border-radius:8px;
}
/* مربعات الميزات */
.s-block--features .s-block__content,
.s-block--features .feature-item,
.s-block--features .feature-item__content{
background:#F7EFE4 !important;
border-radius:14px;
}

/* أي بطاقة بيضاء في الصفحة */
.s-block,
.s-block__content,
.s-card,
.card{
background:#F7EFE4 !important;
  
}/* تغيير لون النصوص إلى زيتي */
body,
p,
span,
h1,
h2,
h3,
h4,
h5,
h6,
a{
color:#2E372C !important;
}

/* نصوص الفوتر */
footer,
footer p,
footer span,
footer a{
color:#2E372C !important;
}