/* ══════════════════════════════════════════════════════════════
   فایل رنگ‌های آسپیان گستران ایرانیان
   ══════════════════════════════════════════════════════════════
   همه‌ی رنگ‌های اپ فقط همینجا تعریف می‌شن. برای تغییر هر رنگی
   (مثلاً آبی اصلی برند)، فقط همین فایل رو ویرایش کن — نیازی به
   گشتن تو styles.css یا هیچ فایل دیگه‌ای نیست.

   این فایل باید قبل از styles.css لود بشه (تو index.html).

   نکته: رنگ‌های سفید/سیاه خالص (#fff / #000) و افکت‌های نیمه‌شفاف
   روی سیاه/سفید (مثل پرده‌ی تاریک پشت پنجره‌های popup) عمداً اینجا
   متغیر نشدن، چون رنگ برند نیستن و به‌ندرت نیاز به تغییر دارن؛
   هرجا لازم بود مستقیم تو خود CSS قابل تغییرن.
   ══════════════════════════════════════════════════════════════ */

:root {

  /* ── ۱. آبی — رنگ اصلی برند (هدر، دکمه‌های لینک‌مانند، کارت‌های اطلاعاتی روشن) ── */
  --sky: #2FA8E8;              /* آبی اصلی: هدر بالای صفحه، پس‌زمینه‌ی کارت‌های تیتر */
  --sky-dark: #0E76BC;         /* آبی تیره: متن لینک‌مانند، حاشیه‌ها، آیکون‌های آبی */
  --sky-light: #AEE0F7;        /* آبی روشن: خط جداکننده‌ها، حاشیه‌ی کارت‌های کم‌رنگ */
  --sky-pale: #E4F4FC;         /* آبی خیلی کم‌رنگ: پس‌زمینه‌ی کارت‌های اطلاعاتی، هاور */

  /* ── ۲. خنثی — سفید/خاکستری/متن ── */
  --white: #FFFFFF;            /* سطح سفید (کارت‌ها، پس‌زمینه‌ی اصلی) */
  --gray: #5F6B7A;             /* خاکستری متوسط (آیکون‌های غیرفعال) */
  --gray-light: #AEB7C0;       /* خاکستری روشن (حاشیه‌ها، عناصر غیرفعال) */
  --gray-pale: #FAFBFC;        /* پس‌زمینه‌ی کلی صفحه (خیلی‌کم‌رنگ) */
  --text: #243447;             /* رنگ اصلی متن */
  --text-muted: #5F6B7A;       /* رنگ متن کم‌رنگ‌تر (توضیحات، زیرنویس) */

  /* ── ۳. سبز — موفقیت / تأیید / پرداخت‌شده ── */
  --success: #5FAE7E;
  --success-dark: #468F63;
  --success-pale: #E9F6EE;
  --success-rgb: 95,174,126;   /* برای استفاده در rgba(var(--success-rgb), مقدار‌شفافیت) */

  /* ── ۴. قرمز — خطر / رد‌شده / خطا ── */
  --danger: #D9655A;
  --danger-dark: #BD4D43;
  --danger-light: #F5B7B1;     /* حاشیه‌ی هشدارهای ملایم‌تر (مثل هشدار موجودی کم) */
  --danger-pale: #FBEAE8;
  --danger-rgb: 217,101,90;    /* برای استفاده در rgba(var(--danger-rgb), مقدار‌شفافیت) */

  /* ── ۵. نارنجی — هشدار / در انتظار بررسی ── */
  --warning: #E0954F;
  --warning-pale: #FBEEE1;

  /* ── ۶. طلایی — باشگاه مشتریان، وی‌آی‌پی، چت‌بات ── */
  --gold: #C9A86A;             /* رنگ اصلی طلایی (چت‌بات، آیکون‌های VIP) */
  --gold-dark: #B08A4A;
  --gold-light: #EBDDBE;       /* حاشیه‌ی کارت‌های طلایی کم‌رنگ */
  --gold-pale: #F6EFE2;
  --gold-pale-alt: #FBF6EC;    /* ته‌رنگ طلایی جایگزین (پس‌زمینه‌ی دکمه‌ی شناور چت‌بات) */
  --gold-shadow: #2B2118;      /* قهوه‌ای تیره‌ی گوشه‌های کارت باشگاه/وی‌آی‌پی */
  --gold-rgb: 201,168,106;     /* برای سایه‌ی نرم دور دکمه‌ی چت‌بات */

  /* ── ۷. رنگ‌های ویژه‌ی باشگاه مشتریان (امتیاز و نشان‌های عضویت) ── */
  --club-points: #F59E0B;      /* رنگ عدد امتیازها تو تاریخچه‌ی باشگاه */
  --vip-gold: #FFD700;         /* طلایی درخشان نوار سطح عضویت */
  --vip-gold-light: #FFF176;   /* انتهای گرادیانت نوار سطح عضویت */
  --vip-badge-text: #FFE066;   /* رنگ متن نشان سطح عضویت (روی پس‌زمینه‌ی طلایی نیمه‌شفاف) */
  --vip-gold-rgb: 255,215,0;   /* برای پس‌زمینه/حاشیه‌ی نیمه‌شفاف نشان عضویت */

  /* ── ۸. نعناعی — دکمه‌ی اصلی «ثبت نهایی سفارش» ── */
  --mint: #4FA8A0;
  --mint-dark: #3D8780;

  /* ── ۹. مرجانی — نقطه‌ی اعلان/نوتیفیکیشن ── */
  --coral: #E8806B;
  --coral-dark: #D1654F;
  --coral-pale: #FCEAE5;

  /* ── ۱۰. رنگ دسته‌بندی محصولات (تگ‌های رنگی هر دسته) ── */
  --cat-acupuncture: #0E76BC;  /* طب سوزنی — هم‌رنگ آبی تیره‌ی برند */
  --cat-physio: #5FAE7E;       /* فیزیوتراپی — سبز */
  --cat-auric: #C9A86A;        /* اوریکولوتراپی — طلایی */
  --cat-beauty: #C2789A;       /* زیبایی — صورتی */

  /* ── ۱۱. رنگ گفتگو/چت‌بات (حباب پیام‌ها) ── */
  --chat-accent: #C9A86A;
  --chat-accent-dark: #B08A4A;

  /* ── ۱۲. وضعیت آنلاین/فعال (نقطه‌ی سبز کنار آواتار و مشابه) ── */
  --status-online: #6FE08A;

  /* ── ۱۳. نشان دمو (فعلاً تو هیچ صفحه‌ای استفاده نمی‌شه، برای آینده نگه داشته شده) ── */
  --demo-bg: #FFF3CD;
  --demo-border: #FFD93D;
  --demo-text: #856404;

  /* ── ۱۴. رنگ سوم کارت‌های آمار باشگاه (تعداد خرید) — کنار طلایی و سبزی که همونجا هست ── */
  --stat-indigo: #6366F1;
}

/* ══════ حالت تاریک (وقتی تم باشگاه/دارک‌مود فعاله) ══════ */
html[data-theme="dark"] {
  --white: #1C222B;
  --gray-pale: #12161C;
  --gray-light: #3C4855;
  --sky-pale: #182029;
  --sky-light: #1E2A35;
  --text: #E8ECF0;
  --text-muted: #9FABB8;
  --gold-pale: #2A2418;
  --success-pale: #16261D;
  --warning-pale: #2A2015;
  --danger-pale: #2A1815;
  --coral-pale: #2A1E19;
}