/* ============================================
   Global Gradient Background
   بک‌گراند گرادیانت سراسری
   ============================================ */

/* Light Mode - گرادیانت بنفش ملایم به سفید */
body,
html {
    background: linear-gradient(135deg, 
        rgba(102, 126, 234, 0.08) 0%, 
        rgba(118, 75, 162, 0.08) 30%, 
        rgba(240, 147, 251, 0.05) 50%,
        #ffffff 70%, 
        #ffffff 100%
    );
    background-attachment: fixed;
    min-height: 100vh;
}

/* Override for specific body classes */
body.auth-body,
body.admin-body,
body:not([data-theme="dark"]):not(.dark-theme) {
    background: linear-gradient(135deg, 
        rgba(102, 126, 234, 0.08) 0%, 
        rgba(118, 75, 162, 0.08) 30%, 
        rgba(240, 147, 251, 0.05) 50%,
        #ffffff 70%, 
        #ffffff 100%
    ) !important;
    background-attachment: fixed !important;
}

/* Light mode explicit */
body.light-mode,
[data-theme="light"] body,
.light-theme body {
    background: linear-gradient(135deg, 
        rgba(102, 126, 234, 0.08) 0%, 
        rgba(118, 75, 162, 0.08) 30%, 
        rgba(240, 147, 251, 0.05) 50%,
        #ffffff 70%, 
        #ffffff 100%
    ) !important;
    background-attachment: fixed !important;
}

/* Dark Mode - گرادیانت بنفش پررنگ */
[data-theme="dark"] body,
.dark-theme body,
body.dark-mode {
    background: linear-gradient(135deg, 
        #667eea 0%, 
        #764ba2 40%, 
        #5a3d7d 70%,
        #1f2937 100%
    ) !important;
    background-attachment: fixed !important;
}

/* اطمینان از اینکه container ها شفاف هستند */
.container,
.main-container,
.content-wrapper {
    background: transparent;
}

/* Admin main content با بک‌گراند نیمه‌شفاف */
.admin-main {
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px);
}

[data-theme="dark"] .admin-main,
.dark-theme .admin-main {
    background: rgba(15, 23, 42, 0.5);
}

/* Cards and sections با بک‌گراند سفید/تیره */
.card,
.section,
.content-box {
    background: rgba(255, 255, 255, 0.95);
}

[data-theme="dark"] .card,
[data-theme="dark"] .section,
[data-theme="dark"] .content-box,
.dark-theme .card,
.dark-theme .section,
.dark-theme .content-box {
    background: rgba(30, 41, 59, 0.95);
}

/* اطمینان از خوانایی متن */

[data-theme="dark"] body,
.dark-theme body {
    color: #f1f5f9;
}

/* Hero Section - حفظ گرادیانت اصلی */
.modern-hero,
.hero-section {
    /* گرادیانت hero از CSS خودش استفاده می‌کند */
    background: transparent;
}