/* ============================================================
   themes.css — پوسته‌های رنگی صفحه اصلی (تنظیم «پوسته رنگی» در پنل)
   ------------------------------------------------------------
   نکته مهم: این فایل باید همون متغیرهایی رو override کنه که
   style.css واقعاً استفاده می‌کنه: --deep --mid --light --soft
   --pale --sand --sand2 --gold --gold2 --text --text2 --text3
   --white --radius --radius-sm --shadow --shadow-lg
   (نسخه‌ی قبلی این فایل متغیرهای دیگه‌ای مثل --bg/--primary/--accent
   تعریف کرده بود که هیچ‌جای style.css استفاده نمی‌شدن؛ برای همین
   انتخاب پوسته هیچ اثری روی ظاهر واقعی سایت نداشت.)
   ============================================================ */

/* پوسته ۱ — آرامش بالینی (پیش‌فرض سایت) */
body[data-theme="1"] {
  --deep: #0a2342; --mid: #1a4a7a; --light: #2980b9;
  --soft: #5dade2; --pale: #d6eaf8; --sand: #f7f3ec;
  --sand2: #ede8df; --gold: #c9973a; --gold2: #f0c96a;
  --text: #1a1a2e; --text2: #4a5568; --text3: #8899aa;
  --white: #fff; --radius: 16px; --radius-sm: 10px;
  --shadow: 0 4px 24px rgba(10,35,66,.10);
  --shadow-lg: 0 12px 48px rgba(10,35,66,.18);
}

/* پوسته ۲ — زمین و طبیعت */
body[data-theme="2"] {
  --deep: #2f4f3a; --mid: #4f7a5a; --light: #7fa06a;
  --soft: #a3c08a; --pale: #e3ecd9; --sand: #f5f1e8;
  --sand2: #e4dcc8; --gold: #a66a3c; --gold2: #c98a52;
  --text: #2b241c; --text2: #5c5142; --text3: #8a7f6c;
  --white: #fff; --radius: 16px; --radius-sm: 10px;
  --shadow: 0 4px 24px rgba(47,79,58,.12);
  --shadow-lg: 0 12px 48px rgba(47,79,58,.20);
}

/* پوسته ۳ — مینیمال کرم گرم */
body[data-theme="3"] {
  --deep: #2b2620; --mid: #4a4136; --light: #8a7550;
  --soft: #c9a227; --pale: #f3eee4; --sand: #fbf8f3;
  --sand2: #e7e0d2; --gold: #b08968; --gold2: #c9a227;
  --text: #2b2620; --text2: #5c5346; --text3: #8a8170;
  --white: #fff; --radius: 6px; --radius-sm: 4px;
  --shadow: 0 4px 24px rgba(43,38,32,.08);
  --shadow-lg: 0 12px 48px rgba(43,38,32,.14);
}
body[data-theme="3"] h1, body[data-theme="3"] h2 { letter-spacing: -.01em; }

/* پوسته ۴ — لاوندر-صورتی مدرن */
body[data-theme="4"] {
  --deep: #3a2e50; --mid: #6a5acd; --light: #8e7cc3;
  --soft: #c9a8d8; --pale: #f3e6ef; --sand: #fbf7fa;
  --sand2: #efe3ea; --gold: #d88fb0; --gold2: #e8a6b8;
  --text: #3a2e3d; --text2: #6b5a6f; --text3: #9c8ba0;
  --white: #fff; --radius: 22px; --radius-sm: 14px;
  --shadow: 0 4px 24px rgba(106,90,205,.14);
  --shadow-lg: 0 12px 48px rgba(106,90,205,.22);
}

/* پوسته ۵ — شب آرام (تیره) */
body[data-theme="5"] {
  --deep: #0a0a12; --mid: #161f2e; --light: #25314a;
  --soft: #3e5c8a; --pale: #1c2636; --sand: #0e1420;
  --sand2: #1c2636; --gold: #2fb8a6; --gold2: #4dd0be;
  --green: #35b88a; --red: #e05a4e;
  --text: #eaedf2; --text2: #b8c2d4; --text3: #7a879c;
  --white: #161f2e; --radius: 12px; --radius-sm: 8px;
  --shadow: 0 4px 24px rgba(0,0,0,.35);
  --shadow-lg: 0 12px 48px rgba(0,0,0,.45);
}