/* ═══════════════════════════════════════════════════════════════
   SHOP THEME — فایل رنگ‌بندی فروشگاه
   ═══════════════════════════════════════════════════════════════
   
   📌 برای فروش به مشتری جدید:
      فقط و فقط همین فایل را با تم دلخواه جایگزین کنید.
      تمام صفحات فروشگاه (هدر، فوتر، کارت، کالا، دسته‌بندی، ...)
      رنگ خود را از این فایل می‌گیرند.
   
   📌 تم‌های آماده در پوشه: templates/themes/
      - themeShop-red.css     (پیش‌فرض)
      - themeShop-blue.css
      - themeShop-green.css
      - themeShop-purple.css
      - themeShop-orange.css
      - themeShop-dark.css
   
   📌 برای تغییر رنگ، فقط مقدار --c-primary و مشتقاتش را عوض کنید.
   ═══════════════════════════════════════════════════════════════ */

:root {

    /* ─────────────────────────────────────────────
       ۱) رنگ اصلی برند — این بخش برای هر مشتری عوض می‌شود
       ───────────────────────────────────────────── */
    --c-primary:        #e53935;   /* رنگ اصلی (قرمز) */
    --c-primary-dark:   #c62828;   /* نسخه‌ی تیره‌تر (hover) */
    --c-primary-soft:   #ffebee;   /* نسخه‌ی روشن (پس‌زمینه) */
    --c-primary-rgb:    229, 57, 53; /* RGB برای شفافیت‌ها */


    /* ─────────────────────────────────────────────
       ۲) رنگ‌های معنایی — معمولاً ثابت می‌مانند
       ───────────────────────────────────────────── */
    --c-danger:         #ef4444;
    --c-danger-dark:    #dc2626;
    --c-danger-soft:    #fef2f2;
    --c-danger-rgb:     239, 68, 68;

    --c-warning:        #f59e0b;
    --c-warning-soft:   #fffbeb;
    --c-warning-text:   #92400e;
    --c-warning-border: #fde68a;

    --c-success:        #10b981;
    --c-success-soft:   #d1fae5;


    /* ─────────────────────────────────────────────
       ۳) رنگ‌های متن
       ───────────────────────────────────────────── */
    --c-text:           #212121;
    --c-text-soft:      #475569;
    --c-muted:          #757575;
    --c-muted-soft:     #94a3b8;


    /* ─────────────────────────────────────────────
       ۴) پس‌زمینه و مرز
       ───────────────────────────────────────────── */
    --c-bg:             #ffffff;
    --c-bg-soft:        #f8f9fa;
    --c-border:         #e5e7eb;
    --c-border-soft:    #f1f5f9;


    /* ─────────────────────────────────────────────
       ۵) شعاع گوشه‌ها
       ───────────────────────────────────────────── */
    --radius-sm:        10px;
    --radius-md:        12px;
    --radius-lg:        16px;


    /* ─────────────────────────────────────────────
       ۶) سایه‌ها
       ───────────────────────────────────────────── */
    --shadow-sm:        0 2px 8px rgba(0, 0, 0, 0.06);
    --shadow-md:        0 4px 16px rgba(0, 0, 0, 0.08);
    --shadow-lg:        0 8px 32px rgba(0, 0, 0, 0.12);
    --shadow-primary:   0 8px 24px rgba(var(--c-primary-rgb), 0.25);


    /* ─────────────────────────────────────────────
       ۷) انیمیشن
       ───────────────────────────────────────────── */
    --transition:       all 0.25s ease;


    /* ─────────────────────────────────────────────
       ۸) Alias برای سازگاری با کدهای قدیمی
       (پس از مهاجرت کامل می‌توانید حذف کنید)
       ───────────────────────────────────────────── */
    --primary:          var(--c-primary);
    --primary-dark:     var(--c-primary-dark);
    --primary-light:    var(--c-primary-soft);
}