/* ═══ سرصفحه‌ی پوسته در حالتِ تاریک (D-661) ═══
   بدنه‌ی هر صفحه‌ی سایت با توکن‌های `riqx.css` تاریک می‌شد و سرصفحه — که از
   کلاس‌های تیلویندِ طرح می‌آید (`bg-white/95`، `text-slate-900`…) — روشن
   می‌ماند: نوارِ سفید روی صفحه‌ی سرمه‌ای (از D-615؛ در بازطراحیِ `/verify/`
   دیده شد، D-655).

   `shell.css` خروجیِ ساخت است و دست‌نویس نمی‌شود، پس این فایل جدا کنارش بار
   می‌شود و فقط درونِ `.riqx-shell` کار می‌کند. لندینگ از D-739 پوسته‌ی تیره‌ی خودش را دارد
   (`public/landing-dark.css`، ساخته از کلاس‌ها) و قاعده‌های `.rq-`ِ همین فایل را از آن‌جا برمی‌دارد؛ پیش‌تر همیشه روشن بود،
   چون طرحِ «هم‌نوا» حالتِ تاریک ندارد.

   رنگ‌ها همان توکن‌های `riqx.css`اند (در حالتِ تاریک خودشان تاریک‌اند)، و دو
   راهِ تاریک‌شدن همان دو راهِ `riqx.css`: ترجیحِ سیستم، یا `data-theme="dark"`.
   فوتر از پیش سرمه‌ای است و دست نمی‌خورد. */

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .riqx-shell {
    background: color-mix(in srgb, var(--surface) 94%, transparent);
    border-color: var(--line);
  }
  :root:not([data-theme="light"]) .riqx-shell .text-slate-900 { color: var(--ink); }
  :root:not([data-theme="light"]) .riqx-shell .text-slate-600,
  :root:not([data-theme="light"]) .riqx-shell .text-slate-500 { color: var(--ink-soft); }
  :root:not([data-theme="light"]) .riqx-shell nav a:hover { color: var(--accent-ink); }
  :root:not([data-theme="light"]) .riqx-shell .bg-blue-100 { background: var(--accent-wash); color: var(--accent-ink); }
  :root:not([data-theme="light"]) .riqx-shell .ring-blue-50 { --tw-ring-color: var(--accent-wash); }
  :root:not([data-theme="light"]) .riqx-shell .border-slate-300 { border-color: var(--line); color: var(--ink); }
  :root:not([data-theme="light"]) .riqx-shell .border-slate-300:hover { background: var(--surface-2); border-color: var(--ink-faint); }
  :root:not([data-theme="light"]) .riqx-shell .rq-mnav-btn { background: var(--surface-2); border-color: var(--line); color: var(--ink); }
  :root:not([data-theme="light"]) .riqx-shell .rq-mnav { background: var(--surface); border-color: var(--line); box-shadow: var(--shadow-m); }
  :root:not([data-theme="light"]) .riqx-shell .rq-mnav a { color: var(--ink); }
  :root:not([data-theme="light"]) .riqx-shell .rq-mnav a:hover { background: var(--surface-2); color: var(--accent-ink); }
  :root:not([data-theme="light"]) .riqx-shell .rq-mnav .rq-mnav-ghost { border-color: var(--line); }
  :root:not([data-theme="light"]) .riqx-shell .rq-mnav .rq-mnav-cta { color: #fff; }
  /* دکمه و منوی حساب (D-720) */
  :root:not([data-theme="light"]) .riqx-shell .rq-acct-btn { background: var(--surface-2); border-color: var(--line); color: var(--ink); }
  :root:not([data-theme="light"]) .riqx-shell .rq-acct-btn:hover { background: var(--surface); border-color: var(--ink-faint); }
  :root:not([data-theme="light"]) .riqx-shell .rq-acct[open] .rq-acct-btn { border-color: var(--accent-2); }
  :root:not([data-theme="light"]) .riqx-shell .rq-acct-badge { background: var(--accent-wash); color: var(--accent-ink); }
  :root:not([data-theme="light"]) .riqx-shell .rq-acct-chev { color: var(--ink-soft); }
  :root:not([data-theme="light"]) .riqx-shell .rq-acct-menu { background: var(--surface); border-color: var(--line); box-shadow: var(--shadow-m); }
  :root:not([data-theme="light"]) .riqx-shell .rq-acct-who { border-color: var(--line-soft); }
  :root:not([data-theme="light"]) .riqx-shell .rq-acct-who b, :root:not([data-theme="light"]) .riqx-shell .rq-mnav-who b { color: var(--ink); }
  :root:not([data-theme="light"]) .riqx-shell .rq-acct-who small, :root:not([data-theme="light"]) .riqx-shell .rq-mnav-who small { color: var(--ink-soft); }
  :root:not([data-theme="light"]) .riqx-shell .rq-acct-menu a { color: var(--ink); }
  :root:not([data-theme="light"]) .riqx-shell .rq-acct-menu a svg { color: var(--ink-soft); }
  :root:not([data-theme="light"]) .riqx-shell .rq-acct-menu a:hover { background: var(--surface-2); color: var(--accent-ink); }
  :root:not([data-theme="light"]) .riqx-shell .rq-acct-menu .rq-acct-out { border-color: var(--line-soft); color: #F47C95; }
  :root:not([data-theme="light"]) .riqx-shell .rq-acct-menu .rq-acct-out svg { color: currentColor; }
  :root:not([data-theme="light"]) .riqx-shell .rq-acct-menu .rq-acct-out:hover { background: rgba(244, 124, 149, .12); color: #F9A8B8; }
  :root:not([data-theme="light"]) .riqx-shell .rq-mnav .rq-mnav-who { border-color: var(--line); }
  :root:not([data-theme="light"]) .riqx-shell .rq-tsw-auto { color: var(--accent-ink); }
  :root:not([data-theme="light"]) .riqx-shell .rq-bell { background: var(--surface-2); border-color: var(--line); color: var(--ink); }
  :root:not([data-theme="light"]) .riqx-shell .rq-bell.has-new svg { color: var(--accent-ink); }
  :root:not([data-theme="light"]) .riqx-shell .rq-bell-n { border-color: var(--surface); }
  :root:not([data-theme="light"]) .riqx-shell .rq-tsw.is-auto .rq-tsw-auto { color: var(--ink-soft); }
}

:root[data-theme="dark"] .riqx-shell {
  background: color-mix(in srgb, var(--surface) 94%, transparent);
  border-color: var(--line);
}
:root[data-theme="dark"] .riqx-shell .text-slate-900 { color: var(--ink); }
:root[data-theme="dark"] .riqx-shell .text-slate-600,
:root[data-theme="dark"] .riqx-shell .text-slate-500 { color: var(--ink-soft); }
:root[data-theme="dark"] .riqx-shell nav a:hover { color: var(--accent-ink); }
:root[data-theme="dark"] .riqx-shell .bg-blue-100 { background: var(--accent-wash); color: var(--accent-ink); }
:root[data-theme="dark"] .riqx-shell .ring-blue-50 { --tw-ring-color: var(--accent-wash); }
:root[data-theme="dark"] .riqx-shell .border-slate-300 { border-color: var(--line); color: var(--ink); }
:root[data-theme="dark"] .riqx-shell .border-slate-300:hover { background: var(--surface-2); border-color: var(--ink-faint); }
:root[data-theme="dark"] .riqx-shell .rq-mnav-btn { background: var(--surface-2); border-color: var(--line); color: var(--ink); }
:root[data-theme="dark"] .riqx-shell .rq-mnav { background: var(--surface); border-color: var(--line); box-shadow: var(--shadow-m); }
:root[data-theme="dark"] .riqx-shell .rq-mnav a { color: var(--ink); }
:root[data-theme="dark"] .riqx-shell .rq-mnav a:hover { background: var(--surface-2); color: var(--accent-ink); }
:root[data-theme="dark"] .riqx-shell .rq-mnav .rq-mnav-ghost { border-color: var(--line); }
:root[data-theme="dark"] .riqx-shell .rq-mnav .rq-mnav-cta { color: #fff; }
/* دکمه و منوی حساب (D-720) */
:root[data-theme="dark"] .riqx-shell .rq-acct-btn { background: var(--surface-2); border-color: var(--line); color: var(--ink); }
:root[data-theme="dark"] .riqx-shell .rq-acct-btn:hover { background: var(--surface); border-color: var(--ink-faint); }
:root[data-theme="dark"] .riqx-shell .rq-acct[open] .rq-acct-btn { border-color: var(--accent-2); }
:root[data-theme="dark"] .riqx-shell .rq-acct-badge { background: var(--accent-wash); color: var(--accent-ink); }
:root[data-theme="dark"] .riqx-shell .rq-acct-chev { color: var(--ink-soft); }
:root[data-theme="dark"] .riqx-shell .rq-acct-menu { background: var(--surface); border-color: var(--line); box-shadow: var(--shadow-m); }
:root[data-theme="dark"] .riqx-shell .rq-acct-who { border-color: var(--line-soft); }
:root[data-theme="dark"] .riqx-shell .rq-acct-who b, :root[data-theme="dark"] .riqx-shell .rq-mnav-who b { color: var(--ink); }
:root[data-theme="dark"] .riqx-shell .rq-acct-who small, :root[data-theme="dark"] .riqx-shell .rq-mnav-who small { color: var(--ink-soft); }
:root[data-theme="dark"] .riqx-shell .rq-acct-menu a { color: var(--ink); }
:root[data-theme="dark"] .riqx-shell .rq-acct-menu a svg { color: var(--ink-soft); }
:root[data-theme="dark"] .riqx-shell .rq-acct-menu a:hover { background: var(--surface-2); color: var(--accent-ink); }
:root[data-theme="dark"] .riqx-shell .rq-acct-menu .rq-acct-out { border-color: var(--line-soft); color: #F47C95; }
:root[data-theme="dark"] .riqx-shell .rq-acct-menu .rq-acct-out svg { color: currentColor; }
:root[data-theme="dark"] .riqx-shell .rq-acct-menu .rq-acct-out:hover { background: rgba(244, 124, 149, .12); color: #F9A8B8; }
:root[data-theme="dark"] .riqx-shell .rq-mnav .rq-mnav-who { border-color: var(--line); }
:root[data-theme="dark"] .riqx-shell .rq-tsw-auto { color: var(--accent-ink); }
:root[data-theme="dark"] .riqx-shell .rq-bell { background: var(--surface-2); border-color: var(--line); color: var(--ink); }
:root[data-theme="dark"] .riqx-shell .rq-bell.has-new svg { color: var(--accent-ink); }
:root[data-theme="dark"] .riqx-shell .rq-bell-n { border-color: var(--surface); }
:root[data-theme="dark"] .riqx-shell .rq-tsw.is-auto .rq-tsw-auto { color: var(--ink-soft); }