/* =============================================
   حالت روز / شب — کانون حنان (پولیش کامل روز)
   ============================================= */

html[data-theme="dark"] {
  color-scheme: dark;
}

html[data-theme="light"] {
  color-scheme: light;

  /* توکن‌های معنایی */
  --dark: #F3EFE6;
  --dark2: #FFFCF7;
  --dark3: #E9E4DA;
  --dark-elevated: #FFFFFF;
  --light: #1C1814;
  --light-muted: rgba(28, 24, 20, 0.7);
  --text-muted: #6B6560;
  --glass-border: rgba(28, 24, 20, 0.11);
  --shadow-soft: 0 18px 56px rgba(28, 24, 20, 0.07);
  --shadow-gold: 0 10px 36px rgba(154, 123, 47, 0.14);
  --gold: #9A7B2F;
  --gold-light: #7A6020;
  --gold-dark: #5C4818;
  --gold-muted: rgba(122, 96, 32, 0.42);

  --lt-surface: rgba(255, 255, 255, 0.88);
  --lt-surface-soft: rgba(255, 255, 255, 0.62);
  --lt-border: rgba(28, 24, 20, 0.1);
  --lt-border-strong: rgba(28, 24, 20, 0.14);
  --lt-inset: rgba(255, 255, 255, 0.95);
  --lt-nav-link: rgba(28, 24, 20, 0.58);
  --lt-nav-link-hover: var(--gold-dark);
  --lt-card-bg: rgba(255, 255, 255, 0.78);
  --lt-card-border: rgba(28, 24, 20, 0.09);
}

html[data-theme="light"] body {
  background-color: var(--dark);
  color: var(--light);
}

/* ── Toggle ── */
.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.35rem;
  height: 2.35rem;
  padding: 0;
  border: 1px solid var(--glass-border);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  color: var(--gold-light);
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
  z-index: 5;
  pointer-events: auto;
  transition:
    background 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease,
    transform 0.2s ease;
}

.theme-toggle:hover {
  background: rgba(201, 168, 76, 0.14);
  border-color: rgba(201, 168, 76, 0.35);
  color: var(--gold);
  transform: scale(1.04);
}

.theme-toggle:active { transform: scale(0.96); }

.theme-toggle__icon {
  width: 1.05rem;
  height: 1.05rem;
  display: block;
}

html[data-theme="dark"] .theme-toggle__icon--moon,
html[data-theme="light"] .theme-toggle__icon--sun { display: none; }

html[data-theme="dark"] .theme-toggle__icon--sun,
html[data-theme="light"] .theme-toggle__icon--moon { display: block; }

.nav-drawer-tools {
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

html[data-theme="light"] .nav-drawer-tools {
  border-top-color: var(--lt-border);
}

.nav-drawer-tools .lang-switcher {
  flex: 1;
  justify-content: center;
}

/* ── پس‌زمینه ── */
html[data-theme="light"] .film-grain { opacity: 0.018; }

html[data-theme="light"] .ambient-mesh {
  background:
    radial-gradient(ellipse 80% 50% at 15% -10%, rgba(168, 136, 50, 0.1), transparent 55%),
    radial-gradient(ellipse 60% 45% at 85% 20%, rgba(168, 136, 50, 0.06), transparent 50%),
    linear-gradient(180deg, #F3EFE6 0%, #E9E4DA 45%, #F3EFE6 100%);
}

html[data-theme="light"] .cursor-glow {
  background: radial-gradient(circle, rgba(168, 136, 50, 0.08) 0%, transparent 70%);
}

/* ── هدر (پایه + اسکرول) ── */
html[data-theme="light"] .nav-pill {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.97) 0%,
    rgba(255, 252, 247, 0.94) 50%,
    rgba(245, 237, 218, 0.92) 100%
  );
  border-color: var(--lt-border-strong);
  box-shadow:
    0 8px 28px rgba(28, 24, 20, 0.07),
    0 1px 0 var(--lt-inset) inset;
}

html[data-theme="light"] .nav-pill::before {
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(22px) saturate(160%);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
}

html[data-theme="light"] .nav-pill::after {
  background:
    radial-gradient(ellipse 80% 60% at 15% -20%, rgba(255, 255, 255, 0.9), transparent 55%),
    radial-gradient(ellipse 60% 50% at 88% 120%, rgba(168, 136, 50, 0.08), transparent 60%);
  opacity: 0.85;
  animation: none;
}

html[data-theme="light"] .site-header-wrap.scrolled .nav-pill {
  border-color: var(--lt-border-strong);
  box-shadow:
    0 10px 32px rgba(28, 24, 20, 0.09),
    0 1px 0 var(--lt-inset) inset;
}

html[data-theme="light"] .site-header-wrap.scrolled .nav-pill::before {
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(28px) saturate(170%);
  -webkit-backdrop-filter: blur(28px) saturate(170%);
}

html[data-theme="light"] .site-header-wrap.scrolled .nav-pill::after {
  opacity: 0.55;
}

html[data-theme="light"] .nav-links a {
  color: var(--lt-nav-link);
}

html[data-theme="light"] .nav-links a:hover {
  color: var(--lt-nav-link-hover);
  background: rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .nav-links a.active {
  color: #1a1410;
  background: var(--gold);
}

html[data-theme="light"] .nav-cta {
  border: none;
  background: #1a1410;
  color: var(--light);
}

html[data-theme="light"] .nav-cta:hover {
  color: var(--light);
  background: #2a2218;
}

html[data-theme="light"] .hanan-logo-svg {
  color: var(--gold-dark);
}

html[data-theme="light"] .hanan-logo-text--header.hanan-word--latin,
html[data-theme="light"] .hanan-logo-text--header.hanan-word--fa {
  background: linear-gradient(135deg, #1c1814 0%, var(--gold-dark) 48%, var(--gold) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

html[data-theme="light"] .header-tools-pill {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(255, 252, 247, 0.94) 100%
  );
  border-color: var(--lt-border-strong);
  box-shadow:
    0 4px 18px rgba(28, 24, 20, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

html[data-theme="light"] .header-tools-pill__sep {
  background: linear-gradient(
    180deg,
    transparent,
    rgba(28, 24, 20, 0.14),
    transparent
  );
}

html[data-theme="light"] .header-tools-pill .lang-btn {
  color: rgba(28, 24, 20, 0.5);
}

html[data-theme="light"] .header-tools-pill .lang-btn:hover {
  color: rgba(28, 24, 20, 0.82);
  background: rgba(28, 24, 20, 0.05);
}

html[data-theme="light"] .header-tools-pill .theme-toggle {
  background: rgba(28, 24, 20, 0.05);
  color: var(--gold-dark);
}

html[data-theme="light"] .header-tools-pill .theme-toggle:hover {
  background: rgba(168, 136, 50, 0.12);
  color: var(--gold-dark);
}

html[data-theme="light"] .lang-switcher {
  border-color: var(--lt-border);
  background: rgba(28, 24, 20, 0.04);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

html[data-theme="light"] .lang-btn {
  color: rgba(28, 24, 20, 0.48);
}

html[data-theme="light"] .lang-btn:hover {
  color: rgba(28, 24, 20, 0.82);
}

html[data-theme="light"] .lang-btn.active {
  color: #1a1410;
}

html[data-theme="light"] .theme-toggle {
  background: rgba(28, 24, 20, 0.06);
  border-color: var(--lt-border-strong);
  color: #1a1410;
}

html[data-theme="light"] .theme-toggle:hover {
  background: rgba(168, 136, 50, 0.14);
  border-color: rgba(168, 136, 50, 0.4);
  color: var(--gold-dark);
}

html[data-theme="light"] .theme-toggle__icon--moon {
  color: #1a1410;
  stroke: #1a1410;
  opacity: 1;
}

html[data-theme="light"] .theme-toggle:hover .theme-toggle__icon--moon {
  color: var(--gold-dark);
  stroke: var(--gold-dark);
}

html[data-theme="light"] .nav-toggle span {
  background: var(--light);
}

html[data-theme="light"] .nav-backdrop {
  background: rgba(28, 24, 20, 0.32);
}

html[data-theme="light"] .nav-drawer {
  background: var(--dark2);
  border-inline-start-color: rgba(168, 136, 50, 0.2);
  box-shadow: -8px 0 36px rgba(28, 24, 20, 0.1);
}

[dir="ltr"] html[data-theme="light"] .nav-drawer {
  box-shadow: 8px 0 36px rgba(28, 24, 20, 0.1);
}

html[data-theme="light"] .nav-drawer .nav-links a {
  color: var(--lt-nav-link);
  border-bottom-color: var(--lt-border);
}

html[data-theme="light"] .nav-cta-mobile {
  color: var(--gold-dark);
  border-color: var(--gold-muted);
  background: rgba(168, 136, 50, 0.06);
}

/* ── Hero ── */
html[data-theme="light"] .hero-lines {
  background-image:
    linear-gradient(rgba(168, 136, 50, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(168, 136, 50, 0.06) 1px, transparent 1px);
}

html[data-theme="light"] .hero-text-frame__line-core {
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(28, 24, 20, 0.06) 8%,
    rgba(28, 24, 20, 0.18) 22%,
    rgba(168, 136, 50, 0.85) 50%,
    rgba(28, 24, 20, 0.18) 78%,
    rgba(28, 24, 20, 0.06) 92%,
    transparent 100%
  );
  box-shadow:
    0 0 6px rgba(168, 136, 50, 0.35),
    0 0 20px rgba(168, 136, 50, 0.2),
    0 0 36px rgba(168, 136, 50, 0.08);
}

html[data-theme="light"] .hero-text-frame__line-shimmer {
  background: radial-gradient(
    ellipse at center,
    rgba(168, 136, 50, 0.85) 0%,
    rgba(212, 175, 90, 0.45) 35%,
    transparent 72%
  );
}

html[data-theme="light"] .hero-text-frame__line {
  background: none;
}

html[data-theme="light"] .hero-badge {
  background: rgba(168, 136, 50, 0.1);
  border: 1px solid rgba(168, 136, 50, 0.22);
  color: var(--gold-dark);
}

html[data-theme="light"] .hero-stats {
  border-top-color: var(--lt-border);
}

html[data-theme="light"] .stat-num {
  color: var(--gold-dark);
}

html[data-theme="light"] .btn-outline {
  color: var(--light);
  background: var(--lt-surface-soft);
  border-color: var(--lt-border-strong);
}

html[data-theme="light"] .btn-outline:hover {
  color: var(--gold-dark);
  background: rgba(168, 136, 50, 0.1);
  border-color: var(--gold-muted);
}

/* ── بخش‌های عمومی ── */
html[data-theme="light"] .section-tag {
  color: var(--gold-dark);
}

html[data-theme="light"] .divider {
  background: linear-gradient(90deg, transparent, rgba(168, 136, 50, 0.45), transparent);
}

html[data-theme="light"] .about-wrap::before {
  background: linear-gradient(90deg, transparent, rgba(168, 136, 50, 0.28), transparent);
}

html[data-theme="light"] .partners-wrap,
html[data-theme="light"] .brand-carousel-section {
  background: var(--dark2);
}

html[data-theme="light"] .portfolio-wrap,
html[data-theme="light"] .honors-wrap {
  background: linear-gradient(180deg, var(--dark2) 0%, var(--dark3) 50%, var(--dark2) 100%);
}

html[data-theme="light"] .contact-wrap {
  background: linear-gradient(180deg, var(--dark2), var(--dark3));
}

html[data-theme="light"] .site-footer {
  background: var(--dark2);
  border-top-color: var(--lt-border);
}

html[data-theme="light"] .footer-bottom {
  border-top-color: var(--lt-border);
}

html[data-theme="light"] .footer-admin {
  color: var(--text-muted);
}

html[data-theme="light"] .footer-admin:hover {
  color: var(--gold-dark);
}

html[data-theme="light"] .footer-glow {
  opacity: 0.7;
}

/* ── کارت‌ها ── */
html[data-theme="light"] .port-card,
html[data-theme="light"] .honor-card,
html[data-theme="light"] .team-card,
html[data-theme="light"] .step,
html[data-theme="light"] .faq-item,
html[data-theme="light"] .about-expand,
html[data-theme="light"] .contact-info {
  background: var(--lt-card-bg);
  border-color: var(--lt-card-border);
  box-shadow: 0 6px 24px rgba(28, 24, 20, 0.05);
}

html[data-theme="light"] .port-card:hover,
html[data-theme="light"] .honor-card:hover,
html[data-theme="light"] .team-card:hover,
html[data-theme="light"] .step:hover {
  border-color: rgba(168, 136, 50, 0.28);
  box-shadow: 0 12px 36px rgba(28, 24, 20, 0.08);
}

html[data-theme="light"] .team-card.ceo {
  background: linear-gradient(135deg, rgba(168, 136, 50, 0.1), var(--lt-card-bg));
}

html[data-theme="light"] .port-overlay {
  background: linear-gradient(to top, rgba(28, 24, 20, 0.82) 0%, rgba(28, 24, 20, 0.12) 45%, transparent 70%);
}

html[data-theme="light"] .partner-logo,
html[data-theme="light"] .partner-logo-img,
html[data-theme="light"] .brand-carousel__card,
html[data-theme="light"] .brand-carousel__img {
  background: #fff;
  border-color: var(--lt-card-border);
  box-shadow: 0 6px 20px rgba(28, 24, 20, 0.06);
}

html[data-theme="light"] .tab-btn {
  background: var(--dark3);
  border-color: var(--lt-border);
  color: var(--text-muted);
}

html[data-theme="light"] .tab-btn:hover {
  color: var(--gold-dark);
  border-color: rgba(168, 136, 50, 0.3);
}

html[data-theme="light"] .tab-btn.active {
  color: #1a1410;
  background: linear-gradient(135deg, #E8C96A, var(--gold));
}

html[data-theme="light"] .about-chips li {
  color: var(--gold-dark);
  background: rgba(168, 136, 50, 0.09);
  border-color: rgba(168, 136, 50, 0.22);
}

html[data-theme="light"] .about-expand summary {
  color: var(--text-muted);
}

html[data-theme="light"] .about-expand summary:hover {
  color: var(--gold-dark);
}

html[data-theme="light"] .about-expand-body strong {
  color: var(--light);
}

html[data-theme="light"] .faq-item summary {
  color: var(--light);
}

html[data-theme="light"] .faq-answer p {
  color: var(--text-muted);
}

html[data-theme="light"] .faq-more-btn {
  color: var(--gold-dark);
  border-color: rgba(168, 136, 50, 0.3);
  background: rgba(168, 136, 50, 0.08);
}

html[data-theme="light"] .contact-item-icon {
  background: rgba(168, 136, 50, 0.1);
  border-color: rgba(168, 136, 50, 0.22);
  color: var(--gold-dark);
}

html[data-theme="light"] .contact-item-icon--svg,
html[data-theme="light"] .hanan-social-icon--inline {
  color: var(--gold-dark);
}

html[data-theme="light"] .about-media__card .video-wrapper {
  box-shadow: none;
  border: none;
}

html[data-theme="light"] .about-media__card {
  box-shadow: 0 16px 44px rgba(28, 24, 20, 0.1);
}

html[data-theme="light"] .portfolio-count,
html[data-theme="light"] .portfolio-load-more {
  color: var(--text-muted);
}

html[data-theme="light"] .portfolio-load-more {
  border-color: var(--lt-border);
  background: var(--lt-surface-soft);
}

html[data-theme="light"] .portfolio-load-more:hover {
  color: var(--gold-dark);
  border-color: var(--gold-muted);
}

/* لایت‌باکس — تیره برای رسانه */
html[data-theme="light"] .lightbox {
  background: rgba(8, 8, 8, 0.94);
}

html[data-theme="light"] .lightbox-back {
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
}

/* ── انیمیشن نرم تعویض تم ── */
@media (prefers-reduced-motion: no-preference) {
  body,
  .ambient-mesh,
  .site-header-inner,
  .nav-pill,
  .nav-pill::before,
  .header-tools-pill,
  .port-card,
  .honor-card,
  .team-card,
  .step,
  .faq-item,
  .contact-info,
  .nav-drawer {
    transition:
      background-color 0.32s ease,
      background 0.32s ease,
      color 0.32s ease,
      border-color 0.32s ease,
      box-shadow 0.32s ease;
  }
}

@media (max-width: 900px) {
  html[data-theme="light"] .nav-drawer .nav-drawer-tools {
    width: 100%;
  }
}