/* أساس الوضع الفاتح — مكتوب باليد فوق الورقة المولَّدة.
   المرجع لوحة فيسبوك: أرضية رماديّة فاتحة، بطاقات بيضاء بحدّ رفيع، حبر شبه
   أسود، ونصّ ثانوي رمادي. المولّد يترجم آلاف الألوان لكنه لا يعرف أيّها
   أرضيةٌ وأيّها بطاقةٌ فوقها، وهذا هو الفرق كلّه. */

html[data-theme="light"] {
  --acf-l-page: #f0f2f5;
  --acf-l-surface: #ffffff;
  --acf-l-hover: #f2f2f2;
  --acf-l-line: #ced0d4;
  --acf-l-line-soft: #e4e6eb;
  --acf-l-ink: #050505;
  --acf-l-muted: #65676b;
  --acf-l-shadow: 0 1px 2px rgba(0,0,0,.10);
}

/* ═══ الأرضية ═══ */
html[data-theme="light"],
html[data-theme="light"] body { background: #e4e6eb; }
html[data-theme="light"] .mobile-shell {
  background: var(--acf-l-page);
  box-shadow: 0 0 0 1px rgba(0,0,0,.06);
}
html[data-theme="light"] .acf-body:before { opacity: 0; }

/* ═══ الأسطح ═══ */
html[data-theme="light"] .panel,
html[data-theme="light"] .post-view,
html[data-theme="light"] .reaction-panel,
html[data-theme="light"] .comments-panel,
html[data-theme="light"] .profile-header,
html[data-theme="light"] .anon-card,
html[data-theme="light"] .confession-card,
html[data-theme="light"] .conversation,
html[data-theme="light"] .room-card,
html[data-theme="light"] .notification,
html[data-theme="light"] .hero-app,
html[data-theme="light"] .sheet-card,
html[data-theme="light"] .confirm-card,
html[data-theme="light"] .empty,
html[data-theme="light"] .info-strip,
html[data-theme="light"] .acf-feed-card,
html[data-theme="light"] .acf-feed-card.is-x-feed,
html[data-theme="light"] .acf-side-card,
html[data-theme="light"] .acf-desktop-aside > *,
html[data-theme="light"] .acf-blog-card {
  background: var(--acf-l-surface);
  border: 1px solid var(--acf-l-line-soft);
  box-shadow: var(--acf-l-shadow);
  color: var(--acf-l-ink);
}
html[data-theme="light"] .comment-card {
  background: var(--acf-l-page);
  border: 1px solid var(--acf-l-line-soft);
  box-shadow: none;
  color: var(--acf-l-ink);
}

/* ═══ الشريطان ═══ */
html[data-theme="light"] .app-topbar {
  background: var(--acf-l-surface);
  border-bottom: 1px solid var(--acf-l-line-soft);
}
html[data-theme="light"] .tabbar {
  background: var(--acf-l-surface);
  border: 1px solid var(--acf-l-line-soft);
  box-shadow: 0 -1px 8px rgba(0,0,0,.06);
}
html[data-theme="light"] .tabbar a { color: var(--acf-l-muted); }
html[data-theme="light"] .tabbar a.active { color: #1d4ed8; background: #e7f0fd; }

/* ═══ النص ═══ */
html[data-theme="light"] body,
html[data-theme="light"] .card-text,
html[data-theme="light"] .post-content,
html[data-theme="light"] .prose,
html[data-theme="light"] .acf-blog-body,
html[data-theme="light"] .acf-blog-body p,
html[data-theme="light"] .acf-blog-body li,
html[data-theme="light"] .acf-feed-text,
html[data-theme="light"] h1, html[data-theme="light"] h2,
html[data-theme="light"] h3, html[data-theme="light"] h4 { color: var(--acf-l-ink); }
html[data-theme="light"] .muted,
html[data-theme="light"] .card-meta,
html[data-theme="light"] .post-head,
html[data-theme="light"] .room-meta,
html[data-theme="light"] .hero-app p,
html[data-theme="light"] .comment-author,
html[data-theme="light"] .status-pill,
html[data-theme="light"] .acf-feed-date,
html[data-theme="light"] .acf-side-card small,
html[data-theme="light"] .brand-copy small { color: var(--acf-l-muted); }

/* ═══ الأزرار والحقول ═══ */
html[data-theme="light"] .btn,
html[data-theme="light"] .link-btn,
html[data-theme="light"] .mini-btn,
html[data-theme="light"] .icon-btn,
html[data-theme="light"] .user-chip,
html[data-theme="light"] .mini-login,
html[data-theme="light"] .react-btn,
html[data-theme="light"] .save-btn,
html[data-theme="light"] .author-chip,
html[data-theme="light"] .feed-tabs a,
html[data-theme="light"] .acf-feed-stat,
html[data-theme="light"] .acf-feed-save {
  background: var(--acf-l-page);
  border: 1px solid var(--acf-l-line-soft);
  color: var(--acf-l-ink);
}
html[data-theme="light"] .icon-btn:active,
html[data-theme="light"] .btn:active { background: var(--acf-l-hover); }
html[data-theme="light"] .btn.primary,
html[data-theme="light"] .tabbar .write-tab,
html[data-theme="light"] .feed-tabs a.active {
  background: linear-gradient(135deg, var(--brand), var(--brand2));
  border: 0;
  color: #ffffff;
}
html[data-theme="light"] .smart-form input,
html[data-theme="light"] .smart-form textarea,
html[data-theme="light"] .smart-form select,
html[data-theme="light"] .search-box input,
html[data-theme="light"] .sheet-card textarea,
html[data-theme="light"] .chat-input textarea,
html[data-theme="light"] .sticky-reply textarea {
  background: var(--acf-l-page);
  border: 1px solid var(--acf-l-line);
  color: var(--acf-l-ink);
}
html[data-theme="light"] ::placeholder { color: #8a8d91; }
html[data-theme="light"] .smart-form label { color: var(--acf-l-muted); }

/* ═══ الرسائل ═══ */
html[data-theme="light"] .msg,
html[data-theme="light"] .chat-msg { background: var(--acf-l-page); border: 1px solid var(--acf-l-line-soft); color: var(--acf-l-ink); }
html[data-theme="light"] .msg.mine,
html[data-theme="light"] .chat-msg.mine { background: #0084ff; border-color: #0084ff; color: #ffffff; }

/* ═══ أيقونات الواجهة ملفّات مستقلّة برماديّ فاتح ═══ */
html[data-theme="light"] img[src*="/assets/header/"],
html[data-theme="light"] img[src*="/assets/ui/"],
html[data-theme="light"] img[src*="/assets/post/"],
html[data-theme="light"] .acf-tab-icon img,
html[data-theme="light"] .acf-navigation-icon img { filter: brightness(.34) saturate(1.05); }

/* ═══ سطح المكتب: العمودان الجانبيّان ═══ */
html[data-theme="light"] .acf-desktop-nav a,
html[data-theme="light"] .acf-topics-panel { background: var(--acf-l-surface); color: var(--acf-l-ink); }
html[data-theme="light"] .acf-topics-panel a { color: var(--acf-l-ink); }

/* التبديل يُحسّ كضغطة لا كوميض */
html, body, .mobile-shell, .app-topbar, .tabbar, .panel, .confession-card, .btn, .icon-btn {
  transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}
.acf-theme-toggle img { transition: transform .25s ease; }
.acf-theme-toggle:active img { transform: rotate(28deg) scale(.92); }

/* عناصر ثابتة رُسمت بشفافية منخفضة لتخفّ فوق السواد؛ على الورق تبدو ممحوّة */
html[data-theme="light"] .report-link { opacity: .8; color: var(--acf-l-muted); background: var(--acf-l-page); }
html[data-theme="light"] .acf-write-counter { opacity: .85; }
html[data-theme="light"] .author-chip.ghost { color: var(--acf-l-muted); }

/* الروابط داخل النصّ: أزرق فيسبوك بدل الأزرق الفاتح المصمَّم للعتمة */
html[data-theme="light"] .hash,
html[data-theme="light"] .card-meta a:first-child,
html[data-theme="light"] .msg b,
html[data-theme="light"] .chat-msg a,
html[data-theme="light"] .acf-blog-body a,
html[data-theme="light"] .prose a { color: #0866ff; }

/* الفواصل بين العناصر: خطّ واضح بدل شفافية لا تكاد تُرى */
html[data-theme="light"] hr,
html[data-theme="light"] .acf-divider,
html[data-theme="light"] .comments-panel > *:not(:last-child) { border-color: var(--acf-l-line); }