/* ==========================================================================
   هاست باران — پوسته تاریک (dark.css)
   با تغییر متغیرهای پایه + بازنویسی رنگ‌های هاردکد، فعال می‌شود.
   پوسته تاریک با خانواده رنگی «اقیانوس عمیق» هماهنگ است.
   ========================================================================== */

/* ---------- توکن‌های پوسته تاریک ---------- */
html[data-theme="dark"] {
  color-scheme: dark;

  --background: #071E2B;
  --white: #0D2C3D;

  --text: #E3F2EF;
  --text-muted: #A3C1CB;
  --text-soft: #7196A2;

  --border: #12374A;
  --border-strong: #1B4A61;

  --primary-bg: #0C2A3A;
  --primary-pale: #16455C;

  --success-bg: rgba(13, 146, 118, .16);
  --danger-bg: rgba(226, 72, 72, .15);
  --warning-bg: rgba(214, 133, 22, .14);

  --shadow-sm: 0 2px 10px -2px rgba(0, 0, 0, .5);
  --shadow: 0 14px 40px -12px rgba(0, 0, 0, .55);
  --shadow-lg: 0 30px 70px -20px rgba(0, 0, 0, .65);
}

/* ---------- بدنه و عناصر عمومی ---------- */
[data-theme="dark"] body { background: var(--background); }

/* ---------- هدر ---------- */
[data-theme="dark"] .site-header.is-scrolled {
  background: rgba(6, 26, 37, .9);
  border-bottom-color: var(--border);
}
[data-theme="dark"] .site-header.is-scrolled .logo,
[data-theme="dark"] .site-header.is-scrolled .logo:hover { color: #fff; }
[data-theme="dark"] .site-header.is-scrolled .nav-link { color: #A9CDE0; }
[data-theme="dark"] .site-header.is-scrolled .nav-link:hover {
  color: #fff;
  background: rgba(255, 255, 255, .08);
}
[data-theme="dark"] .site-header.is-scrolled .nav-toggle {
  background: rgba(255, 255, 255, .08);
  border-color: var(--border-strong);
}
[data-theme="dark"] .site-header.is-scrolled .nav-toggle-bar { background: #E3F2EF; }
[data-theme="dark"] .site-header.is-scrolled .theme-toggle {
  background: rgba(255, 255, 255, .08);
  border-color: var(--border-strong);
  color: #E3F2EF;
}
[data-theme="dark"] body.nav-open .site-nav {
  background: #0C2A3A;
  border-color: var(--border);
}

/* ---------- جعبه جستجو (روی هیرو) ---------- */
[data-theme="dark"] .search-card {
  background: #0C2A3A;
  box-shadow:
    0 0 0 1px rgba(143, 208, 255, .25),
    0 0 44px -6px rgba(64, 162, 227, .28),
    var(--shadow-lg);
}
[data-theme="dark"] .search-card:focus-within {
  box-shadow:
    0 0 0 3px rgba(143, 208, 255, .4),
    0 34px 80px -18px rgba(0, 0, 0, .6);
}
[data-theme="dark"] .search-input { color: #E3F2EF; }
[data-theme="dark"] .search-input::placeholder { color: #6E93A3; }

/* ---------- نتیجه جستجو ---------- */
[data-theme="dark"] .result,
[data-theme="dark"] .search-loading { background: #0C2A3A; }
/* کارت‌های رنگی سبز/قرمز باید گرادیان خود را در تم تاریک هم نگه دارند */
[data-theme="dark"] .result--available {
  background: linear-gradient(135deg, #0A7A62 0%, #0D9276 55%, #16B797 100%);
}
[data-theme="dark"] .result--registered {
  background: linear-gradient(135deg, #9F1239 0%, #DC2626 58%, #F43F5E 100%);
}
[data-theme="dark"] .result--invalid,
[data-theme="dark"] .result--error { color: #E3F2EF; }
[data-theme="dark"] .search-loading .loading-row { color: #A3C1CB; }
[data-theme="dark"] .sk { background: #16475C; }
[data-theme="dark"] .sk::after {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .09), transparent);
}
[data-theme="dark"] .meta-chip {
  background: rgba(255, 255, 255, .05);
  border-color: var(--border-strong);
  color: #C9E2EF;
}

/* ---------- مقایسه ---------- */
[data-theme="dark"] .compare {
  background: linear-gradient(180deg, #092838 0%, var(--background) 30%);
}
[data-theme="dark"] .compare-intro,
[data-theme="dark"] .compare-loading { background: #0C2A3A; }
[data-theme="dark"] .cl-bar { background: var(--primary-pale); }
[data-theme="dark"] .table-scroll {
  background: #0C2A3A;
  border-color: var(--border);
}
[data-theme="dark"] .compare-table thead th { background: #0A2634; }
[data-theme="dark"] .compare-table tbody tr:hover { background: #103648; }
[data-theme="dark"] .compare-table th:first-child,
[data-theme="dark"] .compare-table td:first-child { background: #0C2A3A; }
[data-theme="dark"] .compare-table thead th:first-child { background: #0A2634; }
[data-theme="dark"] .compare-table td.col-hb { background: #0D3142; color: #BFEBE0; }
[data-theme="dark"] .cell-tld { color: #9CD0EC; }
[data-theme="dark"] .cell-price { color: #E3F2EF; }
[data-theme="dark"] .compare-disclaimer {
  background: rgba(255, 255, 255, .03);
  border-color: var(--border-strong);
  color: #7196A2;
}
[data-theme="dark"] .state-card { background: #0C2A3A; }
[data-theme="dark"] .state-card .state-title { color: #E3F2EF; }

/* ---------- امکانات و چرا ---------- */
[data-theme="dark"] .features { background: #082230; }
[data-theme="dark"] .feature-card { background: var(--primary-bg); }
[data-theme="dark"] .feature-card:hover {
  background: #0D2C3D;
  border-color: var(--primary-pale);
}
[data-theme="dark"] .why {
  background: linear-gradient(180deg, var(--background) 0%, #0A2C3E 100%);
}
[data-theme="dark"] .why-card { background: #0C2A3A; }
[data-theme="dark"] .trust-cell { background: rgba(10, 36, 50, .72); }

/* ---------- سوالات متداول ---------- */
[data-theme="dark"] .faq-item { background: #0C2A3A; }
[data-theme="dark"] .faq-q { color: #E3F2EF; }
[data-theme="dark"] .faq-q:hover { color: #8FD8F2; background: rgba(255, 255, 255, .03); }
[data-theme="dark"] .faq-item.is-open .faq-q { color: #8FD8F2; }
[data-theme="dark"] .faq-a-inner { color: #A3C1CB; border-color: var(--border); }
[data-theme="dark"] .faq-icon { color: #7196A2; }

/* ---------- CTA و فوتر (از قبل تیره‌اند) ---------- */
[data-theme="dark"] .cta { padding-top: 40px; }

/* ---------- اسکرول‌بار هماهنگ ---------- */
[data-theme="dark"] ::-webkit-scrollbar { width: 11px; height: 11px; }
[data-theme="dark"] ::-webkit-scrollbar-track { background: #061B26; }
[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #1F5468;
  border-radius: 8px;
  border: 2px solid #061B26;
}