body {
    background-color: #f5f2e8;
    min-height: 100vh;
    position: relative; /* ضروري لعمل الطبقة الإضافية */
    
    /* نضع التدرجات الذهبية هنا فقط */
    background-image: 
        radial-gradient(circle at 20% 50%, rgba(197, 160, 89, 0.15) 0%, transparent 20%),
        radial-gradient(circle at 80% 80%, rgba(197, 160, 89, 0.1) 0%, transparent 20%);
    
    background-attachment: fixed;
    background-repeat: no-repeat;
}

/* نضع الباترن (النقش) في عنصر وهمي مستقل */
body::before {
    content: "";
    position: fixed; /* لضمان الثبات على الموبايل والكمبيوتر */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* ليبقى خلف النصوص */
    
    /* رابط الصورة */
    background-image: url("https://morek360.com/texture2.webp");
    
    /* حجم الباترن: رقم أصغر = تكرار أكثر */
    background-size: 600px; 
    background-repeat: repeat;
    
    /* === التحكم في الشفافية === */
    /* 0.1 = خفيف جداً | 0.9 = غامق جداً */
    opacity: 0.15; 
    
    /* دمج الباترن مع الخلفية ليبدو طبيعياً */
    mix-blend-mode: multiply;
    
    /* لضمان عدم تداخله مع لمس الشاشة */
    pointer-events: none;
}