:root {
  --pc-primary: #ff71bd;
  --pc-primary-soft: #fd84be26; /* هایلایت پشت تیترها (صورتی ۲۰٪) */

  --pc-secondary: #71c3cf;      /* فیروزه‌ای: اسلایدر قیمت، لینک ثانویه، خط فوتر */

  --pc-primary-vivid: #ed007d;  /* ماژنتا: تاکید قوی (معادل e-global-color-80847d6 المنتور) */

  --pc-accent: #f6af2f;         /* کهربایی: focus اینپوت‌ها، هشدارها */
  --pc-accent-soft: #f6b02f25;  /* پس‌زمینه‌ی باکس هشدار */
  --pc-accent-glow: #f6b02f3f;  /* هاله‌ی focus اینپوت */

  /* ---------- خنثی‌ها ---------- */
  --pc-text: #222;              /* متن اصلی */
  --pc-text-muted: #767676;     /* متن کم‌رنگ: تعداد محصول، ساب‌کتگوری */
  --pc-text-disabled: #bcbcc6;  /* قیمت خط‌خورده، ناموجود */
  --pc-text-faint: #22222210;   /* خط‌های جداکننده‌ی خیلی محو */

  --pc-surface: #fff;           /* سطح سفید: کارت‌ها، مودال، پس‌زمینه */
  --pc-bg-soft: #eef5f8;        /* آبی خیلی روشن: breadcrumb، hover کارت */
  --pc-border: #e0e0e0;         /* حاشیه‌ی استاندارد همه‌ی باکس/اینپوت‌ها */
  --pc-secondary-soft: #71c3cf33; /* فیروزه‌ای ۲۰٪: حاشیه‌ی بج‌ها، جداکننده‌ها */
  --pc-shadow-badge: 0 3px 10px #71c3cf14; /* سایه‌ی ملایم بج/چیپ */

  /* ---------- فوتر ---------- */
  --pc-footer-bg: #e4eaec;

  /* ---------- سایه‌ها ---------- */
  --pc-shadow-card: 0 5px 15px #22222210;         /* سایه‌ی کارت محصول */
  --pc-shadow-focus: 0 0 20px var(--pc-accent-glow); /* هاله‌ی focus اینپوت */
}

/* ---------- پایه‌ی سراسری ----------
 * نکته‌ی عمدی: background-color و direction فقط روی body ست می‌شود، نه روی همه‌ی
 * button/input های سایت — چون تا وقتی هدر وودمارت سر جایش است، ست‌کردن پس‌زمینه‌ی
 * سفید روی «همه‌ی دکمه‌های سایت» هدر را به‌هم می‌ریزد. داخل بلوک‌های خودمان
 * (#pc-shop / #pc-footer) نسخه‌ی کامل این ریست scope شده وجود دارد.
 */
body {
  font-family: "Pofak", sans-serif;
  font-feature-settings: "ss01" 1;
  direction: rtl;
  background-color: var(--pc-surface);
  margin: 0;
}

select,
input,
button,
textarea {
  font-family: "Pofak", sans-serif;
  font-feature-settings: "ss01" 1;
}