/* =========================================================
   Sun Panel — Minimal Futuristic Typography
   نسخه‌ی مینیمال: به‌جای اکستروژن چندلایه (که خوانایی رو کم
   می‌کرد)، فقط یک گرادیان رنگی تمیز + یک سایه‌ی نرم برای عمق
   + یک گلوو ظریف برای حس فیوچریستیک. همون ۴ متغیر رنگ پایه
   (قابل ویرایش از پنل ادمین ← ویرایشگر سه‌بعدی) دست‌نخورده
   مونده، فقط استفاده‌شون ساده‌تر شده.
   ========================================================= */

:root {
  --text-3d-blue-1: #c4b5fd;
  --text-3d-blue-2: #60a5fa;
  --text-3d-pink-1: #f0abfc;
  --text-3d-pink-2: #c084fc;

  --text-3d-blue-glow: color-mix(in srgb, var(--text-3d-blue-2), transparent 55%);
  --text-3d-pink-glow: color-mix(in srgb, var(--text-3d-pink-2), transparent 55%);
  --text-3d-depth:     rgba(0, 0, 0, .35);
}

/* عنوان اصلی / برند: گرادیان آبی + عمق و گلوو ظریف */
h1, .logo, .brand, .site-logo {
  background: linear-gradient(135deg, var(--text-3d-blue-1), var(--text-3d-blue-2));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow:
    0 2px 6px var(--text-3d-depth),
    0 0 18px var(--text-3d-blue-glow);
}

/* بقیه‌ی عنوان‌ها: گرادیان صورتی-بنفش + همون عمق ظریف */
h2, h3, h4, h5, h6,
.page-title, .card-title, .widget-title {
  background: linear-gradient(135deg, var(--text-3d-pink-1), var(--text-3d-pink-2));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow:
    0 2px 5px var(--text-3d-depth),
    0 0 14px var(--text-3d-pink-glow);
}

/* بدنه‌ی متن، دکمه‌ها، لینک‌ها، برچسب‌ها: بدون افکت — حداکثر خوانایی */
p, span, a, button, .btn, label, input, textarea, select,
.badge, .tag, .chip, i, .fa, .fas, .far, .fab, .fal, code, pre, kbd {
  text-shadow: none;
}

/* =========================================================
   حالت تم روشن: همون ۴ رنگ پایه‌ی برند رو با کمی تیره‌تر کردن
   (color-mix با مشکی) استفاده می‌کنیم تا روی پس‌زمینه‌ی سفید هم
   خوانا بمونن — رنگ‌های خیلی روشن مثل #c4b5fd روی سفید تقریباً
   نامرئی می‌شدن. سایه‌ی عمق هم به‌جای مشکی، به سفید تغییر می‌کنه.
   ========================================================= */
[data-theme="light"] h1,
[data-theme="light"] .logo,
[data-theme="light"] .brand,
[data-theme="light"] .site-logo {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--text-3d-blue-1), #000 55%),
    color-mix(in srgb, var(--text-3d-blue-2), #000 40%)
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow:
    0 1px 1px rgba(255, 255, 255, .6),
    0 0 10px var(--text-3d-blue-glow);
}

[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4,
[data-theme="light"] h5,
[data-theme="light"] h6,
[data-theme="light"] .page-title,
[data-theme="light"] .card-title,
[data-theme="light"] .widget-title {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--text-3d-pink-1), #000 55%),
    color-mix(in srgb, var(--text-3d-pink-2), #000 40%)
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow:
    0 1px 1px rgba(255, 255, 255, .6),
    0 0 8px var(--text-3d-pink-glow);
}