/**
 * ICSD Theme — Skin Layer
 * ---------------------------------------------------------------
 * این فایل هیچ چیدمانی را تغییر نمی‌دهد؛ فقط متغیرهای رنگی
 * تعریف‌شده در theme.css را بازنویسی می‌کند.
 *
 * ترتیب بارگذاری: theme.css  →  main.css  →  skins.css
 * انتخاب‌گرها به شکل html[data-skin][data-theme] هستند تا
 * ویژگی (specificity) بالاتری از theme.css داشته باشند.
 *
 * @package ICSD
 * @since   1.5.0
 */

/* ===============================================================
   ۱) EMERALD — پالت پیش‌فرض (سبز ICSD، تصفیه‌شده)
   =============================================================== */
html[data-skin="emerald"][data-theme="light"] {
    --icsd-primary:        #1E9E7B;
    --icsd-primary-rgb:    30, 158, 123;
    --icsd-primary-dark:   #157A5F;
    --icsd-primary-light:  #5DDCB4;
    --icsd-primary-soft:   rgba(30, 158, 123, 0.07);
    --icsd-primary-border: rgba(30, 158, 123, 0.24);
    --icsd-accent:         #0EA5A5;

    --icsd-bg:        #FFFFFF;
    --icsd-bg-alt:    #F6FAF8;
    --icsd-bg-elev:   #FFFFFF;
    --icsd-surface:   #FFFFFF;
    --icsd-surface-2: #EEF4F1;

    --icsd-border:        rgba(13, 17, 23, 0.09);
    --icsd-border-strong: rgba(13, 17, 23, 0.16);

    --icsd-text:            #0D1117;
    --icsd-text-2:          #3B4451;
    --icsd-text-muted:      #667085;
    --icsd-text-on-primary: #FFFFFF;

    --icsd-grid-color: rgba(30, 158, 123, 0.05);
    --icsd-glow: 0 0 40px rgba(30, 158, 123, 0.12);
}
html[data-skin="emerald"][data-theme="dark"] {
    --icsd-primary:        #2FBF95;
    --icsd-primary-rgb:    47, 191, 149;
    --icsd-primary-dark:   #1E9E7B;
    --icsd-primary-light:  #7BE8C6;
    --icsd-primary-soft:   rgba(47, 191, 149, 0.12);
    --icsd-primary-border: rgba(47, 191, 149, 0.30);
    --icsd-accent:         #22D3D3;

    --icsd-bg:        #0A0E17;
    --icsd-bg-alt:    #0D1220;
    --icsd-bg-elev:   #0D1220;
    --icsd-surface:   #111827;
    --icsd-surface-2: #1B2434;

    --icsd-border:        rgba(255, 255, 255, 0.09);
    --icsd-border-strong: rgba(255, 255, 255, 0.17);

    --icsd-text:            #F2F4F7;
    --icsd-text-2:          #CBD2DC;
    --icsd-text-muted:      #98A2B3;
    --icsd-text-on-primary: #04130E;

    --icsd-grid-color: rgba(47, 191, 149, 0.06);
    --icsd-glow: 0 0 40px rgba(47, 191, 149, 0.15);
}

/* ===============================================================
   ۲) OCEAN — آبی مدرن
   =============================================================== */
html[data-skin="ocean"][data-theme="light"] {
    --icsd-primary:        #2563EB;
    --icsd-primary-rgb:    37, 99, 235;
    --icsd-primary-dark:   #1D4ED8;
    --icsd-primary-light:  #7DA9FF;
    --icsd-primary-soft:   rgba(37, 99, 235, 0.06);
    --icsd-primary-border: rgba(37, 99, 235, 0.22);
    --icsd-accent:         #06B6D4;

    --icsd-bg:        #FFFFFF;
    --icsd-bg-alt:    #F5F8FF;
    --icsd-bg-elev:   #FFFFFF;
    --icsd-surface:   #FFFFFF;
    --icsd-surface-2: #EDF2FE;

    --icsd-border:        rgba(15, 23, 42, 0.09);
    --icsd-border-strong: rgba(15, 23, 42, 0.16);

    --icsd-text:            #0F172A;
    --icsd-text-2:          #37455C;
    --icsd-text-muted:      #64748B;
    --icsd-text-on-primary: #FFFFFF;

    --icsd-grid-color: rgba(37, 99, 235, 0.05);
    --icsd-glow: 0 0 40px rgba(37, 99, 235, 0.12);
}
html[data-skin="ocean"][data-theme="dark"] {
    --icsd-primary:        #5B8DEF;
    --icsd-primary-rgb:    91, 141, 239;
    --icsd-primary-dark:   #3B6FD4;
    --icsd-primary-light:  #A5C4FF;
    --icsd-primary-soft:   rgba(91, 141, 239, 0.13);
    --icsd-primary-border: rgba(91, 141, 239, 0.30);
    --icsd-accent:         #22D3EE;

    --icsd-bg:        #070B15;
    --icsd-bg-alt:    #0B1221;
    --icsd-bg-elev:   #0B1221;
    --icsd-surface:   #101A2E;
    --icsd-surface-2: #182642;

    --icsd-border:        rgba(255, 255, 255, 0.09);
    --icsd-border-strong: rgba(255, 255, 255, 0.17);

    --icsd-text:            #EEF2F8;
    --icsd-text-2:          #C3CEDF;
    --icsd-text-muted:      #8D9BB2;
    --icsd-text-on-primary: #05101F;

    --icsd-grid-color: rgba(91, 141, 239, 0.06);
    --icsd-glow: 0 0 40px rgba(91, 141, 239, 0.15);
}

/* ===============================================================
   ۳) CARPET — ترکوتای فرش ایرانی + طلایی
   =============================================================== */
html[data-skin="carpet"][data-theme="light"] {
    --icsd-primary:        #C0453A;
    --icsd-primary-rgb:    192, 69, 58;
    --icsd-primary-dark:   #98332B;
    --icsd-primary-light:  #E98D77;
    --icsd-primary-soft:   rgba(192, 69, 58, 0.06);
    --icsd-primary-border: rgba(192, 69, 58, 0.22);
    --icsd-accent:         #C99A3F;

    --icsd-bg:        #FFFDFB;
    --icsd-bg-alt:    #FBF5EF;
    --icsd-bg-elev:   #FFFFFF;
    --icsd-surface:   #FFFFFF;
    --icsd-surface-2: #F6EBE2;

    --icsd-border:        rgba(59, 30, 22, 0.10);
    --icsd-border-strong: rgba(59, 30, 22, 0.18);

    --icsd-text:            #23140F;
    --icsd-text-2:          #4C382F;
    --icsd-text-muted:      #7A665C;
    --icsd-text-on-primary: #FFFFFF;

    --icsd-grid-color: rgba(192, 69, 58, 0.05);
    --icsd-glow: 0 0 40px rgba(192, 69, 58, 0.12);
}
html[data-skin="carpet"][data-theme="dark"] {
    --icsd-primary:        #E2685A;
    --icsd-primary-rgb:    226, 104, 90;
    --icsd-primary-dark:   #C0453A;
    --icsd-primary-light:  #F0A08F;
    --icsd-primary-soft:   rgba(226, 104, 90, 0.13);
    --icsd-primary-border: rgba(226, 104, 90, 0.30);
    --icsd-accent:         #E0B45E;

    --icsd-bg:        #140C0A;
    --icsd-bg-alt:    #1B100D;
    --icsd-bg-elev:   #1B100D;
    --icsd-surface:   #241512;
    --icsd-surface-2: #31201B;

    --icsd-border:        rgba(255, 255, 255, 0.09);
    --icsd-border-strong: rgba(255, 255, 255, 0.17);

    --icsd-text:            #F7EFEA;
    --icsd-text-2:          #DBC8BF;
    --icsd-text-muted:      #A8938A;
    --icsd-text-on-primary: #1A0906;

    --icsd-grid-color: rgba(226, 104, 90, 0.06);
    --icsd-glow: 0 0 40px rgba(226, 104, 90, 0.15);
}

/* ===============================================================
   ۴) VIOLET — بنفش مدرن
   =============================================================== */
html[data-skin="violet"][data-theme="light"] {
    --icsd-primary:        #7C3AED;
    --icsd-primary-rgb:    124, 58, 237;
    --icsd-primary-dark:   #6428D4;
    --icsd-primary-light:  #B79BFB;
    --icsd-primary-soft:   rgba(124, 58, 237, 0.06);
    --icsd-primary-border: rgba(124, 58, 237, 0.22);
    --icsd-accent:         #DB2777;

    --icsd-bg:        #FFFFFF;
    --icsd-bg-alt:    #F8F6FF;
    --icsd-bg-elev:   #FFFFFF;
    --icsd-surface:   #FFFFFF;
    --icsd-surface-2: #F0EBFE;

    --icsd-border:        rgba(24, 16, 40, 0.09);
    --icsd-border-strong: rgba(24, 16, 40, 0.16);

    --icsd-text:            #150E24;
    --icsd-text-2:          #3E3454;
    --icsd-text-muted:      #6B6280;
    --icsd-text-on-primary: #FFFFFF;

    --icsd-grid-color: rgba(124, 58, 237, 0.05);
    --icsd-glow: 0 0 40px rgba(124, 58, 237, 0.12);
}
html[data-skin="violet"][data-theme="dark"] {
    --icsd-primary:        #A78BFA;
    --icsd-primary-rgb:    167, 139, 250;
    --icsd-primary-dark:   #8B5CF6;
    --icsd-primary-light:  #C7B5FD;
    --icsd-primary-soft:   rgba(167, 139, 250, 0.13);
    --icsd-primary-border: rgba(167, 139, 250, 0.30);
    --icsd-accent:         #F472B6;

    --icsd-bg:        #0B0716;
    --icsd-bg-alt:    #120C22;
    --icsd-bg-elev:   #120C22;
    --icsd-surface:   #1A1230;
    --icsd-surface-2: #251942;

    --icsd-border:        rgba(255, 255, 255, 0.09);
    --icsd-border-strong: rgba(255, 255, 255, 0.17);

    --icsd-text:            #F3F0FB;
    --icsd-text-2:          #D0C7E6;
    --icsd-text-muted:      #9E93B8;
    --icsd-text-on-primary: #120722;

    --icsd-grid-color: rgba(167, 139, 250, 0.06);
    --icsd-glow: 0 0 40px rgba(167, 139, 250, 0.15);
}

/* ===============================================================
   ترجیحات خوانایی — بازدیدکننده از ویجت تنظیم می‌کند
   =============================================================== */

/* --- اندازهٔ متن (سه پله) ---
   قالب همه‌جا از px استفاده می‌کند، پس تغییر font-size روی html
   اثری ندارد. zoom کل صفحه را متناسب بزرگ می‌کند و چون
   عرض‌ها max-width هستند، سرریز افقی ایجاد نمی‌شود. */
html[data-fontsize="md"] { zoom: 1.08; }
html[data-fontsize="lg"] { zoom: 1.16; }

/* --- حالت خواناتر: فاصلهٔ خط و حروف بازتر --- */
html[data-reading="on"] body { line-height: 2.05; letter-spacing: 0.005em; }
html[data-reading="on"] body p,
html[data-reading="on"] body li,
html[data-reading="on"] body .icsd-blog-excerpt,
html[data-reading="on"] body .icsd-post-card__excerpt,
html[data-reading="on"] body .icsd-section-sub,
html[data-reading="on"] body .entry-content { line-height: 2.2; }
html[data-reading="on"] body .icsd-post-card__title,
html[data-reading="on"] body h1,
html[data-reading="on"] body h2,
html[data-reading="on"] body h3 { line-height: 1.65; }

/* --- کاهش انیمیشن --- */
html[data-motion="off"] *,
html[data-motion="off"] *::before,
html[data-motion="off"] *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
}
html[data-motion="off"] .icsd-tech-strip__track,
html[data-motion="off"] .icsd-marquee-track { animation: none !important; transform: none !important; }

/* احترام به تنظیم سیستم‌عامل وقتی کاربر چیزی انتخاب نکرده */
@media (prefers-reduced-motion: reduce) {
    html:not([data-motion="on"]) *,
    html:not([data-motion="on"]) *::before,
    html:not([data-motion="on"]) *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
    }
}