/* ===================================================================
   THEME.CSS — دارک مود / لایت مود
   فقط رنگ‌ها تغییر می‌کنند — ساختار و layout دست نخورده می‌ماند
=================================================================== */

/* ---------------------------------------------------------------
   دکمه‌ی تغییر تم (در ناوبری)
--------------------------------------------------------------- */
.theme-toggle {
  width: 46px; height: 46px;
  border-radius: 50%;
  background: var(--card);
  border: 1px solid var(--card-border);
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  color: var(--text);
  flex-shrink: 0;
  transition: background .35s var(--ease-luxury), transform .35s var(--ease-luxury), border-color .35s;
  -webkit-appearance: none;
  appearance: none;
}
.theme-toggle:hover {
  background: var(--card-strong);
  transform: rotate(22deg) scale(1.1);
}
.theme-toggle svg { width: 20px; height: 20px; stroke: currentColor; }
.theme-toggle .icon-sun  { display: none;  }
.theme-toggle .icon-moon { display: block; }



/* ================================================================
   لایت مود — تمام override ها فقط زیر این selector هستند
================================================================ */
[data-theme="light"] {

  /* --- رنگ‌های پایه --- */
  --bg:          #F3F0FF;       /* لاوندر بسیار روشن */
  --bg-soft:     #EAE5FA;
  --bg-elevated: #DDD6F5;
  --card:              rgba(255,255,255,0.85);
  --card-strong:       rgba(255,255,255,0.97);
  --card-border:       rgba(109,64,217,0.15);
  --text:        #17103A;       /* تیره بنفش — خواناترین متن */
  --text-soft:   #3B2F72;       /* بنفش تیره — متن ثانویه */
  --text-faint:  #6B5F9A;       /* بنفش میانی — متن ظریف */

  /* آبی‌فیروزه‌ای تیره: جایگزین #38D9F0 که روی سفید خوانا نبود */
  --accent-soft: #0276A6;
  --accent-dim:  rgba(2,118,166,0.10);

  --primary-soft: #5B1FCC;
  --primary-dim:  rgba(109,40,217,0.10);

  --gold: #B5820A;

  /* گرادیان متن روی پس‌زمینه‌ی روشن */
  --grad-text: linear-gradient(95deg, #17103A 0%, #6D28D9 45%, #0276A6 100%);

  /* سایه‌های عمیق‌تر برای عمق گلاسمورفیسم */
  --shadow-sm:            0 2px 14px rgba(80,40,200,0.10);
  --shadow-md:            0 12px 36px rgba(80,40,200,0.14);
  --shadow-lg:            0 30px 70px rgba(80,40,200,0.18);
  --shadow-glow-primary:  0 0 50px rgba(109,40,217,0.22);
  --shadow-glow-accent:   0 0 50px rgba(6,182,212,0.16);
  --shadow-inset-glass:   inset 0 1px 0 rgba(255,255,255,0.95), inset 0 0 30px rgba(255,255,255,0.25);
}

/* آیکون‌های دکمه‌ی تم در لایت مود */
[data-theme="light"] .theme-toggle .icon-sun  { display: block; }
[data-theme="light"] .theme-toggle .icon-moon { display: none;  }
[data-theme="light"] .theme-toggle:hover { transform: rotate(-22deg) scale(1.1); }

/* ---------------------------------------------------------------
  دکمه های منو همبرگری
--------------------------------------------------------------- */
[data-theme="dark"] .nav-toggle span{
  background-color: #fff;
}

/* ---------------------------------------------------------------
   پس‌زمینه و بدنه
--------------------------------------------------------------- */
[data-theme="light"] body {
  background: var(--bg);
  color: var(--text);
}

/* بلوب‌های Aurora در لایت مود — ملایم‌تر */
[data-theme="light"] body::before {
  background-image:
    radial-gradient(circle at 18% 8%,  rgba(109,40,217,0.12),  transparent 42%),
    radial-gradient(circle at 85% 18%, rgba(6,182,212,0.09),   transparent 38%),
    radial-gradient(circle at 50% 100%, rgba(109,40,217,0.07), transparent 50%);
}

/* گرید ظریف در لایت مود */
[data-theme="light"] body::after {
  background-image:
    linear-gradient(rgba(109,40,217,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(109,40,217,0.05) 1px, transparent 1px);
  opacity: 0.65;
}

/* ---------------------------------------------------------------
   اسکرول‌بار
--------------------------------------------------------------- */
[data-theme="light"] ::-webkit-scrollbar-track {
  background: #EAE5FA;
}
[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #7C3AED, #0891B2);
}

/* ---------------------------------------------------------------
   ناوبری
--------------------------------------------------------------- */
[data-theme="light"] .navbar::before {
  background: rgba(240,236,255,0.85);
  backdrop-filter: blur(18px) saturate(150%);
  border-bottom-color: rgba(109,40,217,0.10);
}
[data-theme="light"] .nav-links {
  background: rgba(255,255,255,0.65);
  border-color: rgba(109,40,217,0.14);
}

[data-theme="light"] .nav-links a.active{color: #fff;}
[data-theme="light"] .nav-links a.active:hover{color: #fff;}
[data-theme="light"] .nav-links a         { color: var(--text-soft); }
[data-theme="light"] .nav-links a:hover   { color: var(--text); }
[data-theme="light"] .nav-links a.active::before {
  background: var(--grad-primary);
  box-shadow: 0 6px 18px rgba(109,40,217,0.35);
}
/* منوی موبایل */
[data-theme="light"] .mobile-drawer {
  background: rgba(237,232,252,0.96);
}

/* ---------------------------------------------------------------
   متن و پاراگراف
--------------------------------------------------------------- */
[data-theme="light"] p { color: var(--text-soft); }

/* ---------------------------------------------------------------
   کارت شیشه‌ای
--------------------------------------------------------------- */
[data-theme="light"] .glass,
[data-theme="light"] .glass-card {
  background: rgba(255,255,255,0.82);
  border-color: rgba(109,40,217,0.13);
  box-shadow: 0 12px 36px rgba(80,40,200,0.12), inset 0 1px 0 rgba(255,255,255,0.92);
}
[data-theme="light"] .glass-card:hover {
  border-color: rgba(109,40,217,0.22);
}
[data-theme="light"] .glass-card::before {
  background: radial-gradient(420px circle at var(--mx,50%) var(--my,0%), rgba(109,40,217,0.06), transparent 60%);
}

/* ---------------------------------------------------------------
   هیرو — اشکال شناور + تراشه‌ها
--------------------------------------------------------------- */
[data-theme="light"] .hero-bg-shape.shape-1 {
  background: radial-gradient(circle, rgba(109,40,217,0.18), transparent 70%);
}
[data-theme="light"] .hero-bg-shape.shape-2 {
  background: radial-gradient(circle, rgba(6,182,212,0.14), transparent 70%);
}
/* نشانه‌های هندسی موتیف */
[data-theme="light"] .hero-motif { opacity: 0.20; }

/* کادر پروفایل */
[data-theme="light"] .frame-3d .avatar-box {
  background: linear-gradient(160deg, #DDD6F5, #C8BCE8);
  border-color: rgba(109,40,217,0.22);
}
/* نقش شغلی روی کارت پروفایل */
[data-theme="light"] .profile-card .role { color: #0276A6; }
/* برچسب زیر اعداد */
[data-theme="light"] .profile-card .meta-row span { color: var(--text-faint); }
[data-theme="light"] .profile-card .meta-row strong { color: var(--text); }
[data-theme="light"] .profile-card .meta-row { border-top-color: rgba(109,40,217,0.12); }

/* تراشه‌های شناور هیرو */
[data-theme="light"] .float-chip { background: rgba(255,255,255,0.88); border-color: rgba(109,40,217,0.14); }
[data-theme="light"] .float-chip strong { color: var(--text); }
[data-theme="light"] .float-chip span   { color: var(--text-soft); }

/* علامت موس اسکرول */
[data-theme="light"] .scroll-cue        { color: var(--text-faint); }
[data-theme="light"] .scroll-cue .mouse { border-color: rgba(109,40,217,0.3); }
[data-theme="light"] .scroll-cue .mouse::before { background: #0276A6; }

/* بخش تعداد مشتری */
[data-theme="light"] .hero-clients .label  { color: var(--text-soft); }
[data-theme="light"] .hero-clients .label b { color: var(--text); }

/* ---------------------------------------------------------------
   eyebrow (شناسه‌ی بخش‌ها)
--------------------------------------------------------------- */
[data-theme="light"] .eyebrow { color: #0276A6; }

/* ---------------------------------------------------------------
   نوار آماری (stats band)
--------------------------------------------------------------- */
[data-theme="light"] .stat-label  { color: var(--text-soft); }
[data-theme="light"] .stat-number .suffix { color: #0276A6; }
[data-theme="light"] .stat-item:not(:last-child)::after { background: rgba(109,40,217,0.12); }

/* ---------------------------------------------------------------
   بخش درباره‌ی من (صفحه اصلی)
--------------------------------------------------------------- */
[data-theme="light"] .about-visual-panel {
  background:
    radial-gradient(circle at 30% 20%, rgba(109,40,217,0.16), transparent 55%),
    radial-gradient(circle at 80% 80%, rgba(6,182,212,0.12), transparent 55%),
    linear-gradient(160deg, #DDD6F5, #C8BCE8);
  border-color: rgba(109,40,217,0.15);
}
[data-theme="light"] .about-visual-panel .pattern {
  background-image: radial-gradient(rgba(109,40,217,0.10) 1px, transparent 1px);
}
[data-theme="light"] .about-float-card  { background: rgba(255,255,255,0.88); border-color: rgba(109,40,217,0.14); }
[data-theme="light"] .about-float-card strong { color: var(--text); }
[data-theme="light"] .about-float-card span   { color: var(--text-soft); }

/* ---------------------------------------------------------------
   کارت‌های خدمات
--------------------------------------------------------------- */
[data-theme="light"] .service-card .num  { color: var(--text-faint) !important; }
[data-theme="light"] .service-card h3    { color: var(--text) !important; }
[data-theme="light"] .service-card .more { color: #0276A6 !important; }

/* ---------------------------------------------------------------
   کارت‌های نمونه‌کار هیرو
--------------------------------------------------------------- */
[data-theme="light"] .work-card .cat-tag { color: #C8F4FF !important; } /* روی تاریکی تصویر */
[data-theme="light"] .work-card h4      { color: #fff !important; }
[data-theme="light"] .work-card p        { color: rgba(255,255,255,0.8) !important; }

/* ---------------------------------------------------------------
   نظرات مشتریان
--------------------------------------------------------------- */
[data-theme="light"] .testimonial-slide p { color: var(--text); }
[data-theme="light"] .testimonial-person span { color: var(--text-soft); }
[data-theme="light"] .testimonial-dots button { background: rgba(109,40,217,0.18); }
[data-theme="light"] .testimonial-dots button.active { background: var(--grad-primary); }

/* ---------------------------------------------------------------
   بلاگ — دسته‌بندی
--------------------------------------------------------------- */
[data-theme="light"] .blog-card .cat     { color: #0276A6; }
[data-theme="light"] .blog-card .meta    { color: var(--text-faint); }
[data-theme="light"] .blog-card h4       { color: var(--text); }
[data-theme="light"] .blog-card .readmore { color: var(--text); }

/* ---------------------------------------------------------------
   بنر فراخوان
--------------------------------------------------------------- */
[data-theme="light"] .cta-banner {
  background: linear-gradient(135deg, rgba(109,40,217,0.12), rgba(6,182,212,0.08));
  border-color: rgba(109,40,217,0.15);
}
[data-theme="light"] .cta-banner::before {
  background-image: radial-gradient(circle, rgba(109,40,217,0.12) 1px, transparent 1px);
}
[data-theme="light"] .cta-banner h2 { color: var(--text); }

/* ---------------------------------------------------------------
   فوتر
--------------------------------------------------------------- */
[data-theme="light"] .footer              { border-top-color: rgba(109,40,217,0.10); }
[data-theme="light"] .footer-col h4      { color: var(--text); }
[data-theme="light"] .footer-col ul li a { color: var(--text-soft); }
[data-theme="light"] .footer-col ul li a:hover { color: #0276A6; }
[data-theme="light"] .footer-about p     { color: var(--text-soft); }
[data-theme="light"] .footer-bottom      {
  border-top-color: rgba(109,40,217,0.08);
  color: var(--text-faint);
}
[data-theme="light"] .brand-name span    { color: #0276A6; }

/* ---------------------------------------------------------------
   icon-btn
--------------------------------------------------------------- */
[data-theme="light"] .icon-btn {
  background: rgba(255,255,255,0.78);
  border-color: rgba(109,40,217,0.15);
  color: var(--text);
}
[data-theme="light"] .icon-btn:hover {
  background: var(--grad-primary);
  border-color: transparent;
  color: #fff;
}

/* ---------------------------------------------------------------
   دکمه‌های ghost
--------------------------------------------------------------- */
[data-theme="light"] .btn-ghost {
  background: rgba(255,255,255,0.82);
  border-color: rgba(109,40,217,0.18);
  color: var(--text);
}
[data-theme="light"] .btn-ghost:hover {
  background: rgba(255,255,255,0.96);
  border-color: rgba(109,40,217,0.3);
}

/* ---------------------------------------------------------------
   فرم‌ها
--------------------------------------------------------------- */
[data-theme="light"] .field label { color: var(--text-soft); }
[data-theme="light"] .field input,
[data-theme="light"] .field textarea {
  background: rgba(255,255,255,0.88);
  border-color: rgba(109,40,217,0.16);
  color: var(--text);
}
[data-theme="light"] .field input::placeholder,
[data-theme="light"] .field textarea::placeholder { color: var(--text-faint); }
[data-theme="light"] .field input:focus,
[data-theme="light"] .field textarea:focus {
  border-color: rgba(109,40,217,0.5);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(109,40,217,0.08);
}

/* ---------------------------------------------------------------
   خبرنامه
--------------------------------------------------------------- */
[data-theme="light"] .newsletter-text h3 { color: var(--text); }
[data-theme="light"] .newsletter-text p  { color: var(--text-soft); }
[data-theme="light"] .newsletter-form input {
  background: rgba(255,255,255,0.88);
  border-color: rgba(109,40,217,0.16);
  color: var(--text);
}
[data-theme="light"] .newsletter-form input::placeholder { color: var(--text-faint); }

/* ---------------------------------------------------------------
   بجز badge
--------------------------------------------------------------- */
[data-theme="light"] .badge {
  background: rgba(255,255,255,0.75);
  border-color: rgba(109,40,217,0.15);
  color: var(--text-soft);
}
[data-theme="light"] .badge.primary {
  background: rgba(2,118,166,0.10);
  border-color: rgba(2,118,166,0.25);
  color: #0276A6;
}

/* ---------------------------------------------------------------
   صفحه about — پروفایل بیوگرافی
--------------------------------------------------------------- */
[data-theme="light"] .bio-portrait-panel {
  background:
    radial-gradient(circle at 25% 15%, rgba(109,40,217,0.22), transparent 55%),
    radial-gradient(circle at 80% 85%, rgba(6,182,212,0.16), transparent 55%),
    linear-gradient(160deg, #DDD6F5, #C2B4E8);
  border-color: rgba(109,40,217,0.16);
  box-shadow: var(--shadow-lg);
}
[data-theme="light"] .bio-badge { background: rgba(255,255,255,0.88); border-color: rgba(109,40,217,0.15); }
[data-theme="light"] .bio-badge strong { color: var(--text); }
[data-theme="light"] .bio-badge span   { color: var(--text-soft); }
[data-theme="light"] .bio-info-grid .info-item span   { color: var(--text-faint); }
[data-theme="light"] .bio-info-grid .info-item strong { color: var(--text); }

/* ---------------------------------------------------------------
   خط زمانی
--------------------------------------------------------------- */
[data-theme="light"] .timeline::before { background: linear-gradient(180deg, #7C3AED, transparent); }
[data-theme="light"] .timeline-dot     { background: var(--bg-elevated); border-color: #7C3AED; }
[data-theme="light"] .timeline-dot::after { background: var(--grad-primary); }
[data-theme="light"] .timeline-date {
  color: #0276A6;
  background: rgba(2,118,166,0.10);
  border: 1px solid rgba(2,118,166,0.22);
  border-radius: 50px;
}
[data-theme="light"] .timeline-card h3    { color: var(--text); }
[data-theme="light"] .timeline-card .org  { color: var(--text-soft); }
[data-theme="light"] .timeline-card p     { color: var(--text-soft); }

/* تب‌های خط زمانی */
[data-theme="light"] .timeline-tabs button {
  background: rgba(255,255,255,0.75);
  border-color: rgba(109,40,217,0.14);
  color: var(--text-soft);
}
[data-theme="light"] .timeline-tabs button:hover { color: var(--text); }
[data-theme="light"] .timeline-tabs button.active {
  background: var(--grad-primary);
  color: #fff;
  border-color: transparent;
}

/* ---------------------------------------------------------------
   افتخارات
--------------------------------------------------------------- */
[data-theme="light"] .achieve-card strong { color: var(--text); }
[data-theme="light"] .achieve-card span   { color: var(--text-soft); }

/* نقل‌قول about */
[data-theme="light"] .about-quote { background: rgba(255,255,255,0.82); border-color: rgba(109,40,217,0.14); }
[data-theme="light"] .about-quote p { color: var(--text); }
[data-theme="light"] .about-quote span { color: var(--text-soft); }
[data-theme="light"] .about-quote svg { color: #7C3AED; }

/* ---------------------------------------------------------------
   صفحه مهارت‌ها
--------------------------------------------------------------- */
[data-theme="light"] .skill-card h3        { color: var(--text); }
[data-theme="light"] .skill-card p         { color: var(--text-soft); }
[data-theme="light"] .progress-ring .value { color: var(--text); }
[data-theme="light"] .progress-ring .bg    { stroke: rgba(109,40,217,0.14); }

[data-theme="light"] .tool-chip span       { color: var(--text-soft); }
[data-theme="light"] .tool-chip:hover      { border-color: rgba(109,40,217,0.22); }

[data-theme="light"] .soft-card h4 { color: var(--text); }
[data-theme="light"] .soft-card p  { color: var(--text-soft); }

[data-theme="light"] .bar-track    { background: rgba(109,40,217,0.10); }
[data-theme="light"] .bar-row .top span:first-child { color: var(--text); }
[data-theme="light"] .bar-row .top span:last-child  { color: #0276A6; }

/* ---------------------------------------------------------------
   فیلتر بار (portfolio و blog)
--------------------------------------------------------------- */
[data-theme="light"] .filter-bar button {
  background: rgba(255,255,255,0.75);
  border-color: rgba(109,40,217,0.14);
  color: var(--text-soft);
}
[data-theme="light"] .filter-bar button:hover  { color: var(--text); }
[data-theme="light"] .filter-bar button.active { color: #fff; border-color: transparent; background: var(--grad-primary);}

/* ---------------------------------------------------------------
   پورتفولیو
--------------------------------------------------------------- */
[data-theme="light"] .proj-card .cat-tag { color: #C8F4FF !important; } /* روی تاریکی تصویر */
[data-theme="light"] .proj-card h3       { color: #fff !important; }
[data-theme="light"] .proj-card p        { color: rgba(255,255,255,0.8) !important; }

/* لایت‌باکس */
[data-theme="light"] .lightbox-overlay   { background: rgba(50,30,100,0.55); }
[data-theme="light"] .lightbox-box       { background: rgba(255,255,255,0.96); border-color: rgba(109,40,217,0.14); }
[data-theme="light"] .lightbox-body h3   { color: var(--text); }
[data-theme="light"] .lightbox-body p    { color: var(--text-soft); }
[data-theme="light"] .lightbox-meta > div { background: rgba(243,240,255,0.8); border-color: rgba(109,40,217,0.12); }
[data-theme="light"] .lightbox-meta span { color: var(--text-faint); }
[data-theme="light"] .lightbox-meta strong { color: var(--text); }

/* ---------------------------------------------------------------
   بلاگ — پست ویژه
--------------------------------------------------------------- */
[data-theme="light"] .featured-post .body { background: rgba(255,255,255,0.88); }
[data-theme="light"] .featured-post h2    { color: var(--text); }
[data-theme="light"] .featured-post .meta { color: var(--text-faint); }
[data-theme="light"] .featured-post .meta .cat { color: #0276A6; }

/* صفحه‌بندی */
[data-theme="light"] .pagination button {
  background: rgba(255,255,255,0.78);
  border-color: rgba(109,40,217,0.14);
  color: var(--text-soft);
}
[data-theme="light"] .pagination button.active { color: #fff; border-color: transparent; }
[data-theme="light"] .pagination button:hover:not(.active) { border-color: rgba(109,40,217,0.25); }

/* ---------------------------------------------------------------
   صفحه تماس — کارت‌های اطلاعات
--------------------------------------------------------------- */
[data-theme="light"] .contact-info-card span.label { color: var(--text-faint); }
[data-theme="light"] .contact-info-card strong      { color: var(--text); }

/* وضعیت در دسترس */
[data-theme="light"] .avail-card .status-dot { background: rgba(52,211,153,0.12); color: #0C6C45; }
[data-theme="light"] .avail-card p            { color: var(--text-soft); }
[data-theme="light"] .social-card h4          { color: var(--text); }

/* کارت زمان پاسخ */
[data-theme="light"] .response-card strong { color: var(--text); }
[data-theme="light"] .response-card span   { color: var(--text-soft); }

/* نقشه */
[data-theme="light"] .map-panel {
  background:
    radial-gradient(circle at 30% 30%, rgba(109,40,217,0.10), transparent 55%),
    radial-gradient(circle at 75% 70%, rgba(6,182,212,0.08), transparent 55%),
    linear-gradient(160deg, #DDD6F5, #C8BCE8);
}
[data-theme="light"] .map-grid-lines {
  background-image:
    linear-gradient(rgba(109,40,217,0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(109,40,217,0.12) 1px, transparent 1px);
}
[data-theme="light"] .map-roads svg path { stroke: rgba(109,40,217,0.3); }
[data-theme="light"] .map-city-badge strong { color: var(--text); }
[data-theme="light"] .map-city-badge span   { color: var(--text-soft); }
[data-theme="light"] .map-controls button {
  background: rgba(255,255,255,0.72);
  border-color: rgba(109,40,217,0.15);
  color: var(--text);
}

/* FAQ */
[data-theme="light"] .faq-question       { color: var(--text); }
[data-theme="light"] .faq-question .plus { background: rgba(255,255,255,0.78); border: 1px solid rgba(109,40,217,0.15); }
[data-theme="light"] .faq-item.open .faq-question .plus { background: var(--grad-primary); }
[data-theme="light"] .faq-answer p       { color: var(--text-soft); }

/* ---------------------------------------------------------------
   صفحه مقاله تکی
--------------------------------------------------------------- */
[data-theme="light"] .article-head h1   { color: var(--text); }
[data-theme="light"] .article-head .meta-row { color: var(--text-faint); }
[data-theme="light"] .article-head .author span { color: var(--text-soft); }
[data-theme="light"] .article-head .sep { color: var(--text-faint); }

[data-theme="light"] .article-body > p    { color: var(--text-soft); }
[data-theme="light"] .article-body h2     { color: var(--text); }
[data-theme="light"] .article-body h3     { color: var(--text); }
[data-theme="light"] .article-body ul li  { color: var(--text-soft); }
[data-theme="light"] .article-body ul li::before { background: var(--grad-primary-soft); border-color: rgba(109,40,217,0.18); }

[data-theme="light"] .article-blockquote {
  background: rgba(109,40,217,0.05);
  border-right-color: #7C3AED;
  color: var(--text);
}

[data-theme="light"] .article-share span { color: var(--text-soft); }

/* نویسنده */
[data-theme="light"] .author-card h4  { color: var(--text); }
[data-theme="light"] .author-card p   { color: var(--text-soft); }

/* نظرات */
[data-theme="light"] .comment-item .bubble h4,
[data-theme="light"] .comment-item strong { color: var(--text); }
[data-theme="light"] .comment-item .date  { color: var(--text-faint); }
[data-theme="light"] .comment-item p      { color: var(--text-soft); }
[data-theme="light"] .comment-item .reply-btn { color: #0276A6; }

[data-theme="light"] .comment-form h4   { color: var(--text); }

/* ---------------------------------------------------------------
   دکمه‌ی بازگشت به بالا
--------------------------------------------------------------- */
[data-theme="light"] .back-to-top {
  background: rgba(255,255,255,0.88);
  border-color: rgba(109,40,217,0.16);
  color: var(--text);
}

/* ---------------------------------------------------------------
   عنوان صفحات داخلی (page-hero)
--------------------------------------------------------------- */
[data-theme="light"] .page-hero h1           { color: var(--text); }
[data-theme="light"] .page-hero .breadcrumb  { color: var(--text-soft); }
[data-theme="light"] .page-hero .breadcrumb a { color: var(--text-soft); }
[data-theme="light"] .page-hero .breadcrumb span { color: #0276A6; }

/* ---------------------------------------------------------------
   متن گرادیانی روی پس‌زمینه‌ی روشن
--------------------------------------------------------------- */
[data-theme="light"] .text-gradient {
  background: var(--grad-text);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ---------------------------------------------------------------
   نوار پیشرفت اسکرول (بالای صفحه)
--------------------------------------------------------------- */
[data-theme="light"] .scroll-progress {
  background: var(--grad-primary);
  opacity: 0.85;
}