/* Add custom CSS styles below */ 
/* 1. تغيير خلفية المتجر كاملة للون البيج الرملي الأساسي */
body, .main-wrapper, #app, .page-wrapper, .store-content {
    background-color: #f4ebd9 !important;
}

/* 2. تحويل خلفية بطاقات المنتجات، الصناديق السفلية، وخانات الآراء للون رملي ناعم متناسق */
.product-card, .card, .bg-white, .product-components, .features-item, 
.opinions-container, .review-item, .store-footer, .s-comment-item {
    background-color: #fbf7f0 !important;
    border-color: #eaddca !important; /* لون حدود خفيف يتناسب مع الرملي */
}

/* 3. تعديل خلفية الأزرار الشفافة والـ "Add to cart" لتتناسب مع الثيم الجديد */
.btn-outline-primary, .add-to-cart-btn {
    background-color: transparent !important;
    border-color: #8c7853 !important; /* لون الحدود للزر */
    color: #8c7853 !important; /* لون النص داخل الزر */
}
/* كود الألوان الخاص بك (اتركه كما هو ولا تحذفه) */
:root {
  --primary-color: #00ff00; 
}

/* 1. أضف كود تعريف الخط أسفل كود اللون مباشرة */
@font-face {
  font-family: 'PixelCore';
  src: url('https://github.com/abdurhman1983/MY-FONT/raw/refs/heads/main/PixelAE-Bold.woff') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/* 2. أضف كود تطبيق الخط على المتجر بالكامل */
html, body, p, span, h1, h2, h3, h4, h5, h6, a, button, input, div {
  font-family: 'PixelCore', sans-serif !important;
}