/* ═══════════════════════════════════════════════════════════════
   منصة عمر عقل — طبقة الوضع الداكن "القاع المضيء"
   المتغيّرات معرّفة في omar-design-system.css.
   هذه الطبقة تصلح فقط ما لا تغطّيه المتغيّرات (ألوان مثبّتة في
   ملفات الصفحات القديمة، أسطح داكنة، تباين النصوص).
   ═══════════════════════════════════════════════════════════════ */

/* ───────────────────────────────────────────────────────────────
   1) الأساس
   ─────────────────────────────────────────────────────────────── */
html[data-theme="dark"] body,
html[data-theme="dark"] body.student-no-header {
  background: var(--page-bg);
  color: var(--text);
}

html[data-theme="dark"] body.legend-platform a:not(.lg-btn):not(.acc-btn):not(.acc-btnx):not(.btn):not(.btn-submit):not(.lg-footer__nav a):not(.lg-grade):not(.acc-stat):not(.acc-nav__item):not(.acc-chatItem):not(.acc-pill--link):not(.acc-brand) {
  color: var(--life-300);
}
html[data-theme="dark"] body.legend-platform a:not(.lg-btn):not(.acc-btn):not(.acc-btnx):not(.btn):not(.btn-submit):not(.lg-footer__nav a):not(.lg-grade):not(.acc-stat):not(.acc-nav__item):not(.acc-chatItem):not(.acc-pill--link):not(.acc-brand):hover { color: var(--life-200); }

html[data-theme="dark"] .muted,
html[data-theme="dark"] .hint { color: var(--muted); }

/* ───────────────────────────────────────────────────────────────
   2) الهيدر والقوائم
   ─────────────────────────────────────────────────────────────── */
html[data-theme="dark"] .lg-hdr {
  background: var(--hdr-bg);
  border-bottom-color: var(--hdr-border);
}
html[data-theme="dark"] .lg-hdr__top { background: var(--ink-plate); }
html[data-theme="dark"] .lg-hdr__tagAr { color: var(--life-300); }
html[data-theme="dark"] .lg-drawer { background: var(--card-bg); border-top-color: var(--border); }
html[data-theme="dark"] .lg-burger { background: var(--surface-soft); border-color: var(--border); }
html[data-theme="dark"] .lg-burger span { background: var(--text-strong); }

/* ───────────────────────────────────────────────────────────────
   3) الهيرو والأقسام
   ─────────────────────────────────────────────────────────────── */
html[data-theme="dark"] .lg-hero::before { opacity: 1; }
html[data-theme="dark"] .lg-hero__enLine { background: var(--card-bg); border-color: var(--brand-border); }
html[data-theme="dark"] .lg-hero__skills span { background: var(--card-bg); border-color: var(--border); }
html[data-theme="dark"] .lg-hero__tag { background: var(--card-bg); border-color: var(--border); }
html[data-theme="dark"] .lg-hero__photoCap { background: var(--card-bg-strong); border: 1px solid var(--border); }
html[data-theme="dark"] .lg-hero__photoCapEn { color: var(--life-300); }
html[data-theme="dark"] .lg-hero__photoCapAr { color: var(--text-strong); }

html[data-theme="dark"] .lg-path__step,
html[data-theme="dark"] .lg-guide,
html[data-theme="dark"] .lg-feature,
html[data-theme="dark"] .lg-grade,
html[data-theme="dark"] .lg-axes__list li,
html[data-theme="dark"] .auth-card {
  background: var(--card-bg);
  border-color: var(--border);
}
html[data-theme="dark"] .lg-path__label,
html[data-theme="dark"] .lg-axes__list strong,
html[data-theme="dark"] .lg-guide__name,
html[data-theme="dark"] .lg-feature__title,
html[data-theme="dark"] .lg-grade__name { color: var(--text-strong); }
html[data-theme="dark"] .lg-path__hint,
html[data-theme="dark"] .lg-axes__list em,
html[data-theme="dark"] .lg-grade__hint { color: var(--muted); }
html[data-theme="dark"] .lg-path__num,
html[data-theme="dark"] .lg-axes__n,
html[data-theme="dark"] .lg-feature__num { color: var(--muted); }
html[data-theme="dark"] .lg-guide__quote { background: var(--surface-soft); color: var(--text); }
html[data-theme="dark"] .lg-strip { background: var(--ink-plate); }

/* الألواح الداكنة تبقى داكنة في الوضعين */
html[data-theme="dark"] .lg-stats__row,
html[data-theme="dark"] .lg-cta__box,
html[data-theme="dark"] .acc-hero {
  background: var(--card-bg-strong);
  border: 1px solid var(--border);
}
html[data-theme="dark"] .lg-cta__sub,
html[data-theme="dark"] .lg-stat__lbl { color: var(--muted-strong); }
html[data-theme="dark"] .lg-cta__title { color: var(--text-strong); }

/* ───────────────────────────────────────────────────────────────
   4) الفوتر
   ─────────────────────────────────────────────────────────────── */
html[data-theme="dark"] .lg-footer { background: var(--ink-plate); color: var(--muted-strong); }
html[data-theme="dark"] .lg-footer__name,
html[data-theme="dark"] .lg-footer__heading { color: var(--text-strong); }
html[data-theme="dark"] .lg-footer__tag,
html[data-theme="dark"] .lg-footer__link { color: var(--muted); }
html[data-theme="dark"] .lg-footer__phone { color: var(--text-strong); background: var(--surface-soft); border-color: var(--border); }
html[data-theme="dark"] .lg-footer__nav a { background: var(--surface-soft); color: var(--muted-strong); }
html[data-theme="dark"] .lg-footer__nav a:hover { background: var(--life-600); color: var(--ink-plate); }
html[data-theme="dark"] .lg-footer__copy,
html[data-theme="dark"] .lg-footer__dev { color: var(--muted); }

/* ───────────────────────────────────────────────────────────────
   5) صفحات الدخول
   ─────────────────────────────────────────────────────────────── */
html[data-theme="dark"] .auth-formPane { background: var(--card-bg); }
html[data-theme="dark"] .auth-imgPane { background: var(--card-bg-strong); }
html[data-theme="dark"] .auth-img { opacity: 1; }
html[data-theme="dark"] .auth-imgFallback p { color: var(--muted-strong); }
html[data-theme="dark"] .auth-imgFallback__hero { background: var(--surface-strong); color: var(--life-300); }
html[data-theme="dark"] .auth-imgPane__brand { background: rgba(2, 16, 13, .8); border-color: var(--border); }
html[data-theme="dark"] .auth-imgPane__brand strong { color: var(--text-strong); }
html[data-theme="dark"] .label { color: var(--text-strong); }
html[data-theme="dark"] .input,
html[data-theme="dark"] textarea.input { background: var(--field-bg); border-color: var(--field-border); color: var(--field-text); }
html[data-theme="dark"] .input::placeholder { color: var(--muted); }
html[data-theme="dark"] .input:focus { border-color: var(--field-focus); box-shadow: 0 0 0 4px var(--insight-soft); }
html[data-theme="dark"] .auth-link { color: var(--life-300); }

/* ───────────────────────────────────────────────────────────────
   6) لوحة الطالب — نصوص عالية التباين
   ─────────────────────────────────────────────────────────────── */
html[data-theme="dark"] .acc-page,
html[data-theme="dark"] .acc-shell,
html[data-theme="dark"] .acc-main,
html[data-theme="dark"] .acc-layout {
  color: var(--text) !important;
}

html[data-theme="dark"] .acc-topbar__bar { background: var(--card-bg) !important; border-color: var(--border) !important; color: var(--text-strong) !important; }
html[data-theme="dark"] .acc-brand__name,
html[data-theme="dark"] .acc-student,
html[data-theme="dark"] .acc-student__name { color: var(--text-strong) !important; }
html[data-theme="dark"] .acc-brand__sub { color: var(--life-300) !important; }
html[data-theme="dark"] .acc-student,
html[data-theme="dark"] .acc-bell,
html[data-theme="dark"] .acc-burger { background: var(--surface-soft) !important; border-color: var(--border) !important; color: var(--text-strong) !important; }
html[data-theme="dark"] .acc-burger span { background: var(--text-strong) !important; }
html[data-theme="dark"] .acc-pill,
html[data-theme="dark"] a.acc-pill { background: var(--insight-soft) !important; border-color: var(--brand-border) !important; color: var(--text-strong) !important; }

html[data-theme="dark"] .acc-sidebar { background: var(--card-bg) !important; border-color: var(--border) !important; color: var(--text) !important; }
html[data-theme="dark"] .acc-nav__item,
html[data-theme="dark"] .acc-nav__lbl,
html[data-theme="dark"] .acc-sidebar.is-open .acc-nav__item,
html[data-theme="dark"] .acc-sidebar.is-open .acc-nav__lbl,
html[data-theme="dark"] body:has(#accSideNavToggle:checked) .acc-sidebar .acc-nav__item,
html[data-theme="dark"] body:has(#accSideNavToggle:checked) .acc-sidebar .acc-nav__lbl {
  color: var(--text-strong) !important;
}
html[data-theme="dark"] .acc-nav__ico,
html[data-theme="dark"] .acc-sidebar.is-open .acc-nav__ico,
html[data-theme="dark"] body:has(#accSideNavToggle:checked) .acc-sidebar .acc-nav__ico {
  color: var(--life-300) !important;
}
html[data-theme="dark"] .acc-nav__item:hover { background: var(--surface-soft) !important; color: #fff !important; }
html[data-theme="dark"] .acc-nav__item.is-active,
html[data-theme="dark"] .acc-sidebar.is-open .acc-nav__item.is-active,
html[data-theme="dark"] body:has(#accSideNavToggle:checked) .acc-sidebar .acc-nav__item.is-active {
  background: var(--insight-soft) !important;
  color: var(--life-200) !important;
}
html[data-theme="dark"] .acc-nav__item.is-active .acc-nav__ico,
html[data-theme="dark"] .acc-sidebar.is-open .acc-nav__item.is-active .acc-nav__ico,
html[data-theme="dark"] body:has(#accSideNavToggle:checked) .acc-sidebar .acc-nav__item.is-active .acc-nav__ico {
  color: #fff !important;
}
html[data-theme="dark"] .acc-nav__soon { color: var(--muted-strong) !important; background: var(--surface-strong) !important; }
html[data-theme="dark"] .acc-sidebar.is-open,
html[data-theme="dark"] body:has(#accSideNavToggle:checked) .acc-sidebar { background: var(--card-bg) !important; border-color: var(--border) !important; }

html[data-theme="dark"] .acc-hero { color: #fff !important; }
html[data-theme="dark"] .acc-hero h1 { color: #fff !important; }
html[data-theme="dark"] .acc-hero__kicker { color: var(--life-200) !important; }
html[data-theme="dark"] .acc-hero__sub { color: rgba(255, 255, 255, .92) !important; }
html[data-theme="dark"] .acc-journey__step { background: var(--surface-soft) !important; border-color: var(--border) !important; color: #fff !important; }
html[data-theme="dark"] .acc-journey__label { color: #fff !important; }
html[data-theme="dark"] .acc-journey__hint { color: rgba(255, 255, 255, .82) !important; }
html[data-theme="dark"] .acc-journey__foot svg { color: var(--life-200) !important; }

html[data-theme="dark"] .acc-stat,
html[data-theme="dark"] a.acc-stat,
html[data-theme="dark"] .acc-card,
html[data-theme="dark"] .acc-course,
html[data-theme="dark"] .acc-item,
html[data-theme="dark"] .acc-feedCard,
html[data-theme="dark"] .acc-chatCard,
html[data-theme="dark"] .acc-assess-card,
html[data-theme="dark"] .wallet-summary__card,
html[data-theme="dark"] .wallet-history__item {
  background: var(--card-bg) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}
html[data-theme="dark"] .acc-stat__val,
html[data-theme="dark"] a.acc-stat .acc-stat__val,
html[data-theme="dark"] .acc-card__head h2,
html[data-theme="dark"] .acc-course__title,
html[data-theme="dark"] .acc-courseHero__title,
html[data-theme="dark"] .acc-assess-card__title,
html[data-theme="dark"] .mp-pathItem__title { color: #fff !important; }
html[data-theme="dark"] .acc-stat__lbl,
html[data-theme="dark"] a.acc-stat .acc-stat__lbl,
html[data-theme="dark"] .acc-course__grade,
html[data-theme="dark"] .acc-course__details,
html[data-theme="dark"] .acc-course__meta,
html[data-theme="dark"] .acc-metaRow,
html[data-theme="dark"] .acc-label,
html[data-theme="dark"] .acc-assess-card__meta,
html[data-theme="dark"] .acc-chatMeta,
html[data-theme="dark"] .acc-emptyBox,
html[data-theme="dark"] .acc-assess-empty,
html[data-theme="dark"] .wallet-summary__label,
html[data-theme="dark"] .wallet-history__meta,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .hint {
  color: var(--muted-strong) !important;
}
html[data-theme="dark"] .acc-assess-card__meta span,
html[data-theme="dark"] .acc-metaRow span,
html[data-theme="dark"] .acc-feedBody,
html[data-theme="dark"] .acc-feedHead,
html[data-theme="dark"] .wallet-history__title,
html[data-theme="dark"] .wallet-summary__value {
  color: var(--text-strong) !important;
}
html[data-theme="dark"] .acc-input,
html[data-theme="dark"] .acc-commentForm textarea,
html[data-theme="dark"] .acc-chatSend textarea {
  color: var(--field-text) !important;
  background: var(--field-bg) !important;
  border-color: var(--field-border) !important;
}
html[data-theme="dark"] .acc-input::placeholder,
html[data-theme="dark"] textarea::placeholder { color: var(--muted) !important; }
html[data-theme="dark"] .acc-notif__title { color: var(--text-strong) !important; }
html[data-theme="dark"] .acc-notif__time { color: var(--muted-strong) !important; }
html[data-theme="dark"] .acc-notif__newTag { color: var(--life-200) !important; }
html[data-theme="dark"] .acc-onlinePill { color: var(--life-200) !important; background: var(--success-soft-bg) !important; }
html[data-theme="dark"] .wallet-history__amount.is-positive { color: var(--life-300) !important; }
html[data-theme="dark"] .wallet-history__amount.is-negative { color: var(--earth-300) !important; }
html[data-theme="dark"] .acc-comment,
html[data-theme="dark"] .acc-chatItem,
html[data-theme="dark"] .acc-chatMsg { color: var(--text) !important; }
html[data-theme="dark"] .acc-chatItem { background: var(--surface-soft) !important; }
html[data-theme="dark"] .acc-reactionBtn { color: var(--text-strong) !important; }
html[data-theme="dark"] .mp-pathItem { border-block-end-color: var(--border); }
html[data-theme="dark"] .mp-pathItem:hover { background: var(--insight-soft); }
html[data-theme="dark"] .mp-pathItem__status { color: var(--life-200); }
html[data-theme="dark"] .acc-lecture__row { background: var(--card-bg); border-color: var(--border); color: var(--text); }

/* ───────────────────────────────────────────────────────────────
   7) ملفات الصفحات القديمة — ألوان مثبّتة
   ─────────────────────────────────────────────────────────────── */
html[data-theme="dark"] .as-modal__card,
html[data-theme="dark"] .as-q {
  background: var(--card-bg) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}
html[data-theme="dark"] .as-student__sub { color: var(--muted) !important; }

/* عارض PDF يبقى أبيض دائمًا — الصفحات نفسها بيضاء */
html[data-theme="dark"] .ykpdf,
html[data-theme="dark"] .ykpdf__page canvas,
html[data-theme="dark"] body.student-pdf-viewer-page .acc-viewerFrameShell { background: #fff; }

/* ───────────────────────────────────────────────────────────────
   8) التنبيهات وشريط التمرير
   ─────────────────────────────────────────────────────────────── */
html[data-theme="dark"] .phy-toast { background: var(--card-bg-strong); border-color: var(--border); }
html[data-theme="dark"] .phy-toast__title { color: var(--text-strong); }
html[data-theme="dark"] .phy-toast__msg,
html[data-theme="dark"] .phy-toast__list { color: var(--muted-strong); }

html[data-theme="dark"] .pill,
html[data-theme="dark"] .acc-chip,
html[data-theme="dark"] .acc-badge { background: var(--insight-soft) !important; color: var(--life-300) !important; }

html[data-theme="dark"] ::-webkit-scrollbar-track { background: var(--page-bg); }
html[data-theme="dark"] ::-webkit-scrollbar-thumb { background: var(--surface-strong); border-radius: 999px; }
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: var(--life-600); }

/* ───────────────────────────────────────────────────────────────
   9) الأزرار — تباين النص على الخلفيات المضيئة
   ─────────────────────────────────────────────────────────────── */
html[data-theme="dark"] .lg-btn--solid,
html[data-theme="dark"] .btn-submit,
html[data-theme="dark"] .acc-btn--primary,
html[data-theme="dark"] a.acc-btn.acc-btn--primary,
html[data-theme="dark"] .acc-btnx--solid { color: var(--ink-plate) !important; }
html[data-theme="dark"] .lg-btn--gold { color: #24100A !important; }
html[data-theme="dark"] .lg-btn--outline { border-color: var(--border-strong); color: var(--text-strong); }
html[data-theme="dark"] .lg-btn--outline:hover { border-color: var(--life-400); color: var(--life-300); background: var(--insight-soft); }
html[data-theme="dark"] .lg-btn--ghost { background: var(--surface-soft); color: var(--text-strong); }

html[data-theme="dark"] .lg-pubCourse {
  background: var(--card-bg) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}
html[data-theme="dark"] .lg-pubCourse__title { color: #fff !important; }
html[data-theme="dark"] .lg-pubCourse__details,
html[data-theme="dark"] .lg-pubCourse__lock,
html[data-theme="dark"] .lg-pubCourse__empty { color: var(--muted-strong) !important; }
html[data-theme="dark"] .lg-gradePage__back { color: var(--life-200) !important; }