/**
 * افکت گرادیانت ملایم + حرکت آرام (با کلاس wscg-gradient-on / wscg-gradient-animated)
 */

.wscg-gradient-on.wscg-article {
    position: relative;
    isolation: isolate;
}

.wscg-gradient-on .wscg-card,
.wscg-gradient-on .wscg-box,
.wscg-gradient-on .wscg-profile-voice__inner {
    position: relative;
    z-index: 1;
}

/* پوشش گرادیانت خیلی ملایم روی کل مقاله */
.wscg-gradient-on.wscg-article::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    border-radius: inherit;
    opacity: 0.32;
    background: var(--wscg-grad-article, linear-gradient(145deg, rgba(255, 255, 255, 0.5) 0%, rgba(240, 244, 255, 0.35) 50%, rgba(255, 255, 255, 0.2) 100%));
}

.wscg-gradient-on .wscg-card--hero {
    background-color: var(--wscg-grad-hero-bg, #f8faff);
    background-image: var(--wscg-grad-hero-overlay, var(--wscg-grad-hero, linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(230, 236, 255, 0.15) 100%)));
    background-blend-mode: normal;
}

.wscg-gradient-on .wscg-card--hero .wscg-hero-text {
    color: var(--wscg-grad-hero-text, #1e293b);
    text-shadow: var(--wscg-grad-hero-shadow, 0 1px 2px rgba(255, 255, 255, 0.85));
}

.wscg-gradient-on .wscg-card-title {
    color: var(--wscg-grad-title, inherit);
}

.wscg-gradient-on .wscg-card-body,
.wscg-gradient-on .wscg-box-content,
.wscg-gradient-on .wscg-paragraph {
    color: var(--wscg-grad-body, #334155);
}

.wscg-gradient-on .wscg-box--important .wscg-box-label {
    color: var(--wscg-grad-important-label, #854d0e);
}

.wscg-gradient-on .wscg-box--description .wscg-box-label {
    color: var(--wscg-grad-desc-label, #475569);
}

.wscg-gradient-on .wscg-box--note .wscg-box-content {
    color: var(--wscg-grad-note-text, #4a4528);
}

.wscg-gradient-on .wscg-card:not(.wscg-card--hero) {
    background-image: var(--wscg-grad-card, linear-gradient(160deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 250, 252, 0.88) 100%));
}

.wscg-gradient-on .wscg-box--important {
    background-image: var(--wscg-grad-important, linear-gradient(135deg, rgba(255, 253, 245, 0.95) 0%, rgba(255, 249, 232, 0.9) 100%));
}

.wscg-gradient-on .wscg-box--description {
    background-image: var(--wscg-grad-description, linear-gradient(135deg, rgba(250, 251, 253, 0.95) 0%, rgba(236, 239, 243, 0.9) 100%));
}

.wscg-gradient-on .wscg-box--note {
    background-image: var(--wscg-grad-note, linear-gradient(135deg, rgba(255, 252, 240, 0.95) 0%, rgba(255, 249, 230, 0.9) 100%));
}

/* حرکت ملایم و محسوس (۱۲ تا ۱۸ ثانیه) */
.wscg-gradient-animated.wscg-article::after {
    background-size: 300% 300%;
    animation: wscg-grad-drift-article 16s ease-in-out infinite;
}

.wscg-gradient-animated .wscg-card,
.wscg-gradient-animated .wscg-box--important,
.wscg-gradient-animated .wscg-box--description,
.wscg-gradient-animated .wscg-box--note {
    background-size: 260% 260%;
    animation: wscg-grad-drift-surface 14s ease-in-out infinite;
}

.wscg-gradient-animated .wscg-card--hero {
    background-size: 250% 250% !important;
    animation: wscg-grad-drift-hero 18s ease-in-out infinite !important;
}

@keyframes wscg-grad-drift-article {
    0% { background-position: 0% 30%; }
    50% { background-position: 100% 70%; }
    100% { background-position: 0% 30%; }
}

@keyframes wscg-grad-drift-surface {
    0% { background-position: 0% 40%; }
    50% { background-position: 100% 60%; }
    100% { background-position: 0% 40%; }
}

@keyframes wscg-grad-drift-hero {
    0% { background-position: 0% 45%; }
    50% { background-position: 100% 55%; }
    100% { background-position: 0% 45%; }
}

@media (prefers-reduced-motion: reduce) {
    .wscg-gradient-animated.wscg-article::after,
    .wscg-gradient-animated .wscg-card,
    .wscg-gradient-animated .wscg-box--important,
    .wscg-gradient-animated .wscg-box--description,
    .wscg-gradient-animated .wscg-box--note {
        animation: none;
        background-size: 100% 100%;
    }
}

/* متغیرهای گرادیانت هر تم */
.wscg-gradient-on.wscg-theme-report {
    --wscg-grad-article: linear-gradient(145deg, rgba(238, 242, 255, 0.45) 0%, rgba(255, 255, 255, 0.25) 100%);
    --wscg-grad-card: linear-gradient(160deg, #ffffff 0%, #f5f7ff 100%);
    --wscg-grad-important: linear-gradient(135deg, #fffef8 0%, #fff6e0 100%);
    --wscg-grad-description: linear-gradient(135deg, #fafbfd 0%, #eef1f6 100%);
    --wscg-grad-hero-bg: #eef2ff;
    --wscg-grad-hero-overlay: linear-gradient(135deg, #e0e7ff 0%, #f5f7ff 100%);
    --wscg-grad-hero-text: #312e81;
    --wscg-grad-title: #3730a3;
}

.wscg-gradient-on.wscg-theme-guide {
    --wscg-grad-article: linear-gradient(180deg, rgba(224, 242, 254, 0.5) 0%, rgba(240, 249, 255, 0.3) 100%);
    --wscg-grad-card: linear-gradient(160deg, #ffffff 0%, #f0f9ff 100%);
    --wscg-grad-important: linear-gradient(135deg, #ffffff 0%, #e0f2fe 100%);
    --wscg-grad-description: linear-gradient(135deg, #fafdff 0%, #f0f9ff 100%);
    --wscg-grad-hero-bg: #0c4a6e;
    --wscg-grad-hero-overlay: linear-gradient(90deg, #0369a1 0%, #0284c7 55%, #0ea5e9 100%);
    --wscg-grad-hero-text: #f0f9ff;
    --wscg-grad-hero-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
    --wscg-grad-title: #0c4a6e;
    --wscg-grad-body: #1e3a5f;
}

.wscg-gradient-on.wscg-theme-magazine {
    --wscg-grad-article: linear-gradient(120deg, rgba(255, 241, 242, 0.35) 0%, rgba(255, 255, 255, 0.2) 100%);
    --wscg-grad-card: linear-gradient(180deg, #ffffff 0%, #fff5f5 100%);
    --wscg-grad-important: linear-gradient(90deg, rgba(255, 241, 242, 0.6) 0%, transparent 100%);
    --wscg-grad-description: linear-gradient(135deg, #fff8f8 0%, #fff1f2 100%);
    --wscg-grad-hero-bg: #1c1917;
    --wscg-grad-hero-overlay: linear-gradient(135deg, #292524 0%, #881337 100%);
    --wscg-grad-hero-text: #fecdd3;
    --wscg-grad-hero-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    --wscg-grad-title: #881337;
}

.wscg-gradient-on.wscg-theme-minimal {
    --wscg-grad-article: linear-gradient(180deg, rgba(249, 250, 251, 0.6) 0%, rgba(255, 255, 255, 0.3) 100%);
    --wscg-grad-card: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
    --wscg-grad-important: linear-gradient(135deg, #fafafa 0%, #f3f4f6 100%);
    --wscg-grad-description: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%);
    --wscg-grad-hero-bg: #ffffff;
    --wscg-grad-hero-overlay: linear-gradient(180deg, #f9fafb 0%, #f3f4f6 100%);
    --wscg-grad-hero-text: #111827;
    --wscg-grad-title: #111827;
}

.wscg-gradient-on.wscg-theme-classic {
    --wscg-grad-article: linear-gradient(160deg, rgba(254, 252, 232, 0.5) 0%, rgba(245, 240, 230, 0.35) 100%);
    --wscg-grad-card: linear-gradient(145deg, #fffef9 0%, #f5f0e6 100%);
    --wscg-grad-important: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
    --wscg-grad-description: linear-gradient(135deg, #fafaf9 0%, #f5f5f4 100%);
    --wscg-grad-hero-bg: #fffef9;
    --wscg-grad-hero-overlay: linear-gradient(135deg, #fefce8 0%, #f5f0e6 100%);
    --wscg-grad-hero-text: #44403c;
    --wscg-grad-title: #57534e;
}

.wscg-gradient-on.wscg-theme-corporate {
    --wscg-grad-article: linear-gradient(180deg, rgba(239, 246, 255, 0.45) 0%, rgba(255, 255, 255, 0.25) 100%);
    --wscg-grad-card: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);
    --wscg-grad-important: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    --wscg-grad-description: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    --wscg-grad-hero-bg: #1e3a8a;
    --wscg-grad-hero-overlay: linear-gradient(180deg, #1e3a8a 0%, #1d4ed8 100%);
    --wscg-grad-hero-text: #eff6ff;
    --wscg-grad-hero-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    --wscg-grad-title: #1e3a8a;
}

.wscg-gradient-on.wscg-theme-editorial {
    --wscg-grad-article: linear-gradient(145deg, rgba(250, 250, 249, 0.55) 0%, rgba(255, 255, 255, 0.3) 100%);
    --wscg-grad-card: linear-gradient(165deg, #ffffff 0%, #f5f5f4 100%);
    --wscg-grad-important: linear-gradient(90deg, rgba(28, 25, 23, 0.04) 0%, transparent 100%);
    --wscg-grad-description: linear-gradient(135deg, #f5f5f4 0%, #fafaf9 100%);
    --wscg-grad-hero-bg: #1c1917;
    --wscg-grad-hero-overlay: linear-gradient(135deg, #292524 0%, #44403c 100%);
    --wscg-grad-hero-text: #fafaf9;
    --wscg-grad-title: #1c1917;
}

.wscg-gradient-on.wscg-theme-swiss {
    --wscg-grad-article: linear-gradient(135deg, rgba(254, 240, 138, 0.25) 0%, rgba(255, 255, 255, 0.35) 100%);
    --wscg-grad-card: linear-gradient(145deg, #ffffff 0%, #fafafa 100%);
    --wscg-grad-important: linear-gradient(135deg, #fef9c3 0%, #fef08a 100%);
    --wscg-grad-description: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);
    --wscg-grad-hero-bg: #dc2626;
    --wscg-grad-hero-overlay: linear-gradient(135deg, #b91c1c 0%, #ef4444 100%);
    --wscg-grad-hero-text: #ffffff;
    --wscg-grad-title: #171717;
}

.wscg-gradient-on.wscg-theme-brutalist {
    --wscg-grad-article: linear-gradient(120deg, rgba(254, 240, 138, 0.4) 0%, rgba(255, 255, 255, 0.25) 100%);
    --wscg-grad-card: linear-gradient(145deg, #ffffff 0%, #fefce8 100%);
    --wscg-grad-important: linear-gradient(135deg, #fef08a 0%, #fde047 100%);
    --wscg-grad-description: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);
    --wscg-grad-hero-bg: #000000;
    --wscg-grad-hero-overlay: linear-gradient(135deg, #171717 0%, #000000 100%);
    --wscg-grad-hero-text: #fef08a;
    --wscg-grad-title: #000000;
}

.wscg-gradient-on.wscg-theme-glass {
    --wscg-grad-article: linear-gradient(135deg, rgba(199, 210, 254, 0.35) 0%, rgba(165, 243, 252, 0.25) 50%, rgba(221, 214, 254, 0.3) 100%);
    --wscg-grad-card: linear-gradient(145deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.78) 100%);
    --wscg-grad-important: linear-gradient(135deg, rgba(255, 251, 235, 0.95) 0%, rgba(254, 243, 199, 0.9) 100%);
    --wscg-grad-description: linear-gradient(135deg, rgba(248, 250, 252, 0.92) 0%, rgba(241, 245, 249, 0.88) 100%);
    --wscg-grad-hero-bg: #eef2ff;
    --wscg-grad-hero-overlay: linear-gradient(135deg, #e0e7ff 0%, #cffafe 100%);
    --wscg-grad-hero-text: #312e81;
    --wscg-grad-title: #4338ca;
}

.wscg-gradient-on.wscg-theme-neon {
    --wscg-grad-article: linear-gradient(145deg, rgba(34, 211, 238, 0.08) 0%, rgba(167, 139, 250, 0.06) 100%);
    --wscg-grad-card: linear-gradient(160deg, rgba(30, 41, 59, 0.98) 0%, rgba(17, 24, 39, 0.96) 100%);
    --wscg-grad-important: linear-gradient(135deg, rgba(49, 46, 129, 0.92) 0%, rgba(30, 27, 75, 0.95) 100%);
    --wscg-grad-description: linear-gradient(135deg, rgba(30, 41, 59, 0.95) 0%, rgba(15, 23, 42, 0.93) 100%);
    --wscg-grad-hero-bg: #0f172a;
    --wscg-grad-hero-overlay: linear-gradient(135deg, #1e1b4b 0%, #0f172a 100%);
    --wscg-grad-hero-text: #a5f3fc;
    --wscg-grad-hero-shadow: 0 0 12px rgba(34, 211, 238, 0.25);
    --wscg-grad-title: #67e8f9;
    --wscg-grad-body: #cbd5e1;
}

.wscg-gradient-on.wscg-theme-nature {
    --wscg-grad-article: linear-gradient(180deg, rgba(220, 252, 231, 0.45) 0%, rgba(240, 253, 244, 0.3) 100%);
    --wscg-grad-card: linear-gradient(160deg, #ffffff 0%, #f0fdf4 100%);
    --wscg-grad-important: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    --wscg-grad-description: linear-gradient(135deg, #fafdf9 0%, #ecfdf5 100%);
    --wscg-grad-hero-bg: #14532d;
    --wscg-grad-hero-overlay: linear-gradient(135deg, #166534 0%, #15803d 100%);
    --wscg-grad-hero-text: #ecfdf5;
    --wscg-grad-title: #14532d;
}

.wscg-gradient-on.wscg-theme-sunset {
    --wscg-grad-article: linear-gradient(160deg, rgba(255, 237, 213, 0.5) 0%, rgba(254, 243, 199, 0.35) 100%);
    --wscg-grad-card: linear-gradient(155deg, #ffffff 0%, #fff7ed 100%);
    --wscg-grad-important: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
    --wscg-grad-description: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
    --wscg-grad-hero-bg: #9a3412;
    --wscg-grad-hero-overlay: linear-gradient(135deg, #c2410c 0%, #ea580c 100%);
    --wscg-grad-hero-text: #fff7ed;
    --wscg-grad-title: #9a3412;
}

.wscg-gradient-on.wscg-theme-ocean {
    --wscg-grad-article: linear-gradient(180deg, rgba(224, 242, 254, 0.5) 0%, rgba(240, 249, 255, 0.35) 100%);
    --wscg-grad-card: linear-gradient(160deg, #ffffff 0%, #f0f9ff 100%);
    --wscg-grad-important: linear-gradient(135deg, #ecfeff 0%, #cffafe 100%);
    --wscg-grad-description: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
    --wscg-grad-hero-bg: #0c4a6e;
    --wscg-grad-hero-overlay: linear-gradient(135deg, #0369a1 0%, #0891b2 100%);
    --wscg-grad-hero-text: #f0f9ff;
    --wscg-grad-title: #0c4a6e;
}

.wscg-gradient-on.wscg-theme-lavender {
    --wscg-grad-article: linear-gradient(145deg, rgba(250, 245, 255, 0.55) 0%, rgba(245, 243, 255, 0.35) 100%);
    --wscg-grad-card: linear-gradient(160deg, #ffffff 0%, #faf5ff 100%);
    --wscg-grad-important: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
    --wscg-grad-description: linear-gradient(135deg, #fdf4ff 0%, #fae8ff 100%);
    --wscg-grad-hero-bg: #6b21a8;
    --wscg-grad-hero-overlay: linear-gradient(135deg, #7e22ce 0%, #a855f7 100%);
    --wscg-grad-hero-text: #faf5ff;
    --wscg-grad-title: #6b21a8;
}

.wscg-gradient-on.wscg-theme-mono {
    --wscg-grad-article: linear-gradient(180deg, rgba(244, 244, 245, 0.5) 0%, rgba(250, 250, 250, 0.35) 100%);
    --wscg-grad-card: linear-gradient(160deg, #ffffff 0%, #fafafa 100%);
    --wscg-grad-important: linear-gradient(135deg, #f4f4f5 0%, #e4e4e7 100%);
    --wscg-grad-description: linear-gradient(135deg, #fafafa 0%, #f4f4f5 100%);
    --wscg-grad-hero-bg: #18181b;
    --wscg-grad-hero-overlay: linear-gradient(180deg, #27272a 0%, #18181b 100%);
    --wscg-grad-hero-text: #fafafa;
    --wscg-grad-title: #18181b;
}

.wscg-gradient-on.wscg-theme-paper {
    --wscg-grad-article: linear-gradient(160deg, rgba(254, 249, 195, 0.45) 0%, rgba(255, 254, 245, 0.35) 100%);
    --wscg-grad-card: linear-gradient(145deg, #fffef5 0%, #fef9c3 100%);
    --wscg-grad-important: linear-gradient(135deg, #fefce8 0%, #fef08a 100%);
    --wscg-grad-description: linear-gradient(135deg, #fffef5 0%, #fefce8 100%);
    --wscg-grad-hero-bg: #fffef5;
    --wscg-grad-hero-overlay: linear-gradient(180deg, #fffbeb 0%, #fef3c7 100%);
    --wscg-grad-hero-text: #713f12;
    --wscg-grad-title: #78350f;
}

.wscg-gradient-on.wscg-theme-tech {
    --wscg-grad-article: linear-gradient(145deg, rgba(6, 182, 212, 0.06) 0%, rgba(15, 23, 42, 0.02) 100%);
    --wscg-grad-card: linear-gradient(160deg, rgba(30, 41, 59, 0.98) 0%, rgba(15, 23, 42, 0.95) 100%);
    --wscg-grad-important: linear-gradient(135deg, rgba(6, 182, 212, 0.18) 0%, rgba(8, 145, 178, 0.12) 100%);
    --wscg-grad-description: linear-gradient(135deg, rgba(30, 41, 59, 0.95) 0%, rgba(51, 65, 85, 0.9) 100%);
    --wscg-grad-hero-bg: #0f172a;
    --wscg-grad-hero-overlay: linear-gradient(135deg, #0f172a 0%, #164e63 100%);
    --wscg-grad-hero-text: #cffafe;
    --wscg-grad-title: #22d3ee;
    --wscg-grad-body: #cbd5e1;
}

.wscg-gradient-on.wscg-theme-luxury {
    --wscg-grad-article: linear-gradient(160deg, rgba(202, 138, 4, 0.06) 0%, rgba(41, 37, 36, 0.02) 100%);
    --wscg-grad-card: linear-gradient(155deg, rgba(41, 37, 36, 0.98) 0%, rgba(28, 25, 23, 0.96) 100%);
    --wscg-grad-important: linear-gradient(135deg, rgba(120, 53, 15, 0.35) 0%, rgba(41, 37, 36, 0.9) 100%);
    --wscg-grad-description: linear-gradient(135deg, rgba(28, 25, 23, 0.95) 0%, rgba(41, 37, 36, 0.92) 100%);
    --wscg-grad-hero-bg: #292524;
    --wscg-grad-hero-overlay: linear-gradient(135deg, #44403c 0%, #1c1917 100%);
    --wscg-grad-hero-text: #fef3c7;
    --wscg-grad-title: #fde68a;
    --wscg-grad-body: #d6d3d1;
}

.wscg-gradient-on.wscg-theme-startup {
    --wscg-grad-article: linear-gradient(135deg, rgba(124, 58, 237, 0.08) 0%, rgba(244, 114, 182, 0.06) 100%);
    --wscg-grad-card: linear-gradient(160deg, #ffffff 0%, #faf5ff 100%);
    --wscg-grad-important: linear-gradient(135deg, #f5f3ff 0%, #fdf2f8 100%);
    --wscg-grad-description: linear-gradient(135deg, #faf5ff 0%, #fce7f3 100%);
    --wscg-grad-hero-bg: #7c3aed;
    --wscg-grad-hero-overlay: linear-gradient(135deg, #7c3aed 0%, #db2777 50%, #f472b6 100%);
    --wscg-grad-hero-text: #ffffff;
    --wscg-grad-title: #6d28d9;
}

.wscg-gradient-on.wscg-theme-academic {
    --wscg-grad-article: linear-gradient(180deg, rgba(239, 246, 255, 0.45) 0%, rgba(255, 255, 255, 0.3) 100%);
    --wscg-grad-card: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);
    --wscg-grad-important: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    --wscg-grad-description: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    --wscg-grad-hero-bg: #eff6ff;
    --wscg-grad-hero-overlay: linear-gradient(180deg, #dbeafe 0%, #eff6ff 100%);
    --wscg-grad-hero-text: #1e3a8a;
    --wscg-grad-title: #1e40af;
}

.wscg-gradient-on.wscg-theme-nordic {
    --wscg-grad-article: linear-gradient(180deg, rgba(248, 250, 252, 0.55) 0%, rgba(255, 255, 255, 0.35) 100%);
    --wscg-grad-card: linear-gradient(165deg, #ffffff 0%, #f8fafc 100%);
    --wscg-grad-important: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
    --wscg-grad-description: linear-gradient(135deg, #fafafa 0%, #f8fafc 100%);
    --wscg-grad-hero-bg: #ffffff;
    --wscg-grad-hero-overlay: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);
    --wscg-grad-hero-text: #334155;
    --wscg-grad-title: #334155;
}

.wscg-gradient-on.wscg-theme-retro {
    --wscg-grad-article: linear-gradient(135deg, rgba(252, 231, 243, 0.45) 0%, rgba(254, 249, 195, 0.35) 100%);
    --wscg-grad-card: linear-gradient(155deg, #ffffff 0%, #fce7f3 100%);
    --wscg-grad-important: linear-gradient(135deg, #fef08a 0%, #fde68a 100%);
    --wscg-grad-description: linear-gradient(135deg, #ffffff 0%, #fdf2f8 100%);
    --wscg-grad-hero-bg: #f472b6;
    --wscg-grad-hero-overlay: linear-gradient(135deg, #f472b6 0%, #fb923c 100%);
    --wscg-grad-hero-text: #ffffff;
    --wscg-grad-title: #9d174d;
}

.wscg-gradient-on.wscg-theme-bold {
    --wscg-grad-article: linear-gradient(120deg, rgba(250, 204, 21, 0.35) 0%, rgba(255, 255, 255, 0.25) 100%);
    --wscg-grad-card: linear-gradient(145deg, #ffffff 0%, #fefce8 100%);
    --wscg-grad-important: linear-gradient(135deg, #171717 0%, #262626 100%);
    --wscg-grad-description: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);
    --wscg-grad-hero-bg: #000000;
    --wscg-grad-hero-overlay: linear-gradient(135deg, #171717 0%, #000000 100%);
    --wscg-grad-hero-text: #facc15;
    --wscg-grad-title: #000000;
}

/* ─── کنتراست متن هنگام گرادیانت (خوانایی اجباری) ─── */
.wscg-gradient-on .wscg-card-body,
.wscg-gradient-on .wscg-box-content,
.wscg-gradient-on .wscg-paragraph {
    color: var(--wscg-grad-text, #2c3345);
}

.wscg-gradient-on .wscg-box-label {
    color: var(--wscg-grad-label, #1e293b);
}

.wscg-gradient-on .wscg-hero-text {
    color: var(--wscg-grad-hero-text, #1e293b);
    text-shadow: var(--wscg-grad-hero-shadow, 0 1px 2px rgba(255, 255, 255, 0.85));
}

.wscg-gradient-on .wscg-card-title {
    color: var(--wscg-grad-title, #1e293b);
}

/* تم‌های hero تیره — متن روشن + سایه */
.wscg-gradient-on.wscg-theme-guide {
    --wscg-grad-hero-text: #f0f9ff;
    --wscg-grad-hero-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
    --wscg-grad-title: #0c4a6e;
    --wscg-grad-text: #1e3a5f;
}

.wscg-gradient-on.wscg-theme-corporate {
    --wscg-grad-hero-text: #eff6ff;
    --wscg-grad-hero-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    --wscg-grad-title: #1e3a8a;
}

.wscg-gradient-on.wscg-theme-magazine {
    --wscg-grad-hero-text: #fff1f2;
    --wscg-grad-hero-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    --wscg-grad-title: #881337;
}

.wscg-gradient-on.wscg-theme-editorial {
    --wscg-grad-hero-text: #fafaf9;
    --wscg-grad-hero-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    --wscg-grad-title: #1c1917;
}

.wscg-gradient-on.wscg-theme-swiss {
    --wscg-grad-hero-text: #ffffff;
    --wscg-grad-hero-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

.wscg-gradient-on.wscg-theme-brutalist {
    --wscg-grad-hero-text: #fef08a;
    --wscg-grad-hero-shadow: 0 2px 0 rgba(0, 0, 0, 0.8);
}

.wscg-gradient-on.wscg-theme-neon {
    --wscg-grad-hero-text: #e0f2fe;
    --wscg-grad-hero-shadow: 0 0 12px rgba(34, 211, 238, 0.35);
    --wscg-grad-text: #cbd5e1;
    --wscg-grad-title: #67e8f9;
    --wscg-grad-label: #a5b4fc;
}

.wscg-gradient-on.wscg-theme-nature {
    --wscg-grad-hero-text: #ecfdf5;
    --wscg-grad-hero-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
    --wscg-grad-title: #14532d;
}

.wscg-gradient-on.wscg-theme-sunset {
    --wscg-grad-hero-text: #fff7ed;
    --wscg-grad-hero-shadow: 0 1px 4px rgba(120, 40, 0, 0.35);
    --wscg-grad-title: #9a3412;
}

.wscg-gradient-on.wscg-theme-ocean {
    --wscg-grad-hero-text: #f0f9ff;
    --wscg-grad-hero-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
    --wscg-grad-title: #0c4a6e;
}

.wscg-gradient-on.wscg-theme-lavender {
    --wscg-grad-hero-text: #faf5ff;
    --wscg-grad-hero-shadow: 0 1px 4px rgba(60, 20, 90, 0.35);
    --wscg-grad-title: #6b21a8;
}

.wscg-gradient-on.wscg-theme-tech {
    --wscg-grad-hero-text: #cffafe;
    --wscg-grad-hero-shadow: 0 0 10px rgba(6, 182, 212, 0.25);
    --wscg-grad-text: #cbd5e1;
    --wscg-grad-title: #22d3ee;
    --wscg-grad-label: #7dd3fc;
}

.wscg-gradient-on.wscg-theme-luxury {
    --wscg-grad-hero-text: #fef3c7;
    --wscg-grad-hero-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
    --wscg-grad-text: #d6d3d1;
    --wscg-grad-title: #fde68a;
    --wscg-grad-label: #fcd34d;
}

.wscg-gradient-on.wscg-theme-startup {
    --wscg-grad-hero-text: #ffffff;
    --wscg-grad-hero-shadow: 0 1px 4px rgba(80, 20, 120, 0.35);
}

.wscg-gradient-on.wscg-theme-retro {
    --wscg-grad-hero-text: #ffffff;
    --wscg-grad-hero-shadow: 0 1px 4px rgba(120, 20, 60, 0.35);
    --wscg-grad-title: #9d174d;
}

.wscg-gradient-on.wscg-theme-bold {
    --wscg-grad-hero-text: #fef08a;
    --wscg-grad-hero-shadow: 0 2px 0 #000;
    --wscg-grad-title: #000000;
}

/* تم‌های hero روشن — متن تیره */
.wscg-gradient-on.wscg-theme-report {
    --wscg-grad-hero-text: #1e1b4b;
    --wscg-grad-hero-shadow: none;
    --wscg-grad-title: #3730a3;
}

.wscg-gradient-on.wscg-theme-minimal,
.wscg-gradient-on.wscg-theme-nordic,
.wscg-gradient-on.wscg-theme-academic,
.wscg-gradient-on.wscg-theme-paper,
.wscg-gradient-on.wscg-theme-classic {
    --wscg-grad-hero-text: #1f2937;
    --wscg-grad-hero-shadow: none;
}

.wscg-gradient-on.wscg-theme-glass {
    --wscg-grad-hero-text: #312e81;
    --wscg-grad-hero-shadow: 0 1px 2px rgba(255, 255, 255, 0.9);
    --wscg-grad-title: #4338ca;
}

.wscg-gradient-on.wscg-theme-mono {
    --wscg-grad-hero-text: #fafafa;
    --wscg-grad-hero-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    --wscg-grad-title: #18181b;
}

/* باکس‌های important/description — برچسب‌ها خوانا */
.wscg-gradient-on .wscg-box--important .wscg-box-label {
    color: var(--wscg-grad-important-label, #78350f);
}

.wscg-gradient-on .wscg-box--description .wscg-box-label {
    color: var(--wscg-grad-description-label, #475569);
}

.wscg-gradient-on.wscg-theme-neon .wscg-box--important .wscg-box-content,
.wscg-gradient-on.wscg-theme-neon .wscg-box--description .wscg-box-content,
.wscg-gradient-on.wscg-theme-tech .wscg-box--important .wscg-box-content,
.wscg-gradient-on.wscg-theme-tech .wscg-box--description .wscg-box-content,
.wscg-gradient-on.wscg-theme-luxury .wscg-box--important .wscg-box-content,
.wscg-gradient-on.wscg-theme-luxury .wscg-box--description .wscg-box-content {
    color: #e2e8f0;
}

.wscg-gradient-on.wscg-theme-bold .wscg-box--important .wscg-box-content,
.wscg-gradient-on.wscg-theme-bold .wscg-box--important .wscg-box-label {
    color: #fef08a;
}

/* ═══ تضمین کنتراست بر تم پایه (اولویت بالاتر) ═══ */
.wscg-gradient-on[class*='wscg-theme-'] .wscg-card--hero {
    background-color: var(--wscg-grad-hero-bg, #f1f5f9) !important;
    background-image: var(--wscg-grad-hero-overlay, linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%)) !important;
    background-repeat: no-repeat !important;
}

.wscg-gradient-on[class*='wscg-theme-'] .wscg-card--hero .wscg-hero-text {
    color: var(--wscg-grad-hero-text, #0f172a) !important;
    text-shadow: var(--wscg-grad-hero-shadow, 0 1px 3px rgba(255, 255, 255, 0.9)) !important;
}

.wscg-gradient-on[class*='wscg-theme-'] .wscg-card-title {
    color: var(--wscg-grad-title, #1e293b) !important;
}

.wscg-gradient-on[class*='wscg-theme-'] .wscg-card-body,
.wscg-gradient-on[class*='wscg-theme-'] .wscg-box-content,
.wscg-gradient-on[class*='wscg-theme-'] .wscg-paragraph {
    color: var(--wscg-grad-body, var(--wscg-grad-text, #334155)) !important;
}

.wscg-gradient-on[class*='wscg-theme-'] .wscg-box--important .wscg-box-label {
    color: var(--wscg-grad-important-label, #854d0e) !important;
}

.wscg-gradient-on[class*='wscg-theme-'] .wscg-box--description .wscg-box-label {
    color: var(--wscg-grad-desc-label, #475569) !important;
}

/* تم تیره: متن روشن در باکس‌ها */
.wscg-gradient-on.wscg-theme-neon .wscg-card-body,
.wscg-gradient-on.wscg-theme-neon .wscg-box--description .wscg-box-content,
.wscg-gradient-on.wscg-theme-tech .wscg-card-body,
.wscg-gradient-on.wscg-theme-tech .wscg-box--description .wscg-box-content,
.wscg-gradient-on.wscg-theme-luxury .wscg-card-body,
.wscg-gradient-on.wscg-theme-luxury .wscg-box--description .wscg-box-content {
    color: #cbd5e1 !important;
}