/* =====================================================================
   dark.css — المظهر الداكن (StepFace-WordPress-Theme-Spec.md §٩)
   يُحمَّل آخِرًا. يُعاد تعريف المتغيّرات فقط + استثناءات §٩٫٢.
   يُفعَّل عبر <html data-sf-theme="dark"> (يضبطه theme.js + سكربت منع الوميض).
   ===================================================================== */
html[data-sf-theme="dark"]{
  /* أسطح */
  --sf-bg:#171310;            --sf-bg-desk:#141110;
  --sf-surface:#241D16;       --sf-surface-soft:#221B13;
  --sf-surface-raised:#302619;   /* أزرار الواجهة: أفتح من السطح بدرجة (1.95.2) */
  --sf-surface-warm:#2B2318;  --sf-surface-amber:#2B2318;
  --sf-surface-tint:#241D16;
  --sf-stripe-a:#2B2318;      --sf-stripe-b:#342A1B;   /* لا يُوحَّدان أبدًا */

  /* حدود */
  --sf-border:#4A3C25;        --sf-border-soft:#463619; --sf-border-line:#493A24;

  /* نصّ + أسطح داكنة */
  --sf-ink:#F3EAD6;           --sf-ink-2:#D5C6A3;      --sf-ink-3:#E6C169;
  --sf-ink-surface:#0E0B07;   /* الأسطح الداكنة أصلًا تزداد دُكنة */
  --sf-muted:#E0B354;         --sf-muted-2:#9A8B6C;    --sf-faint:#8F8168;

  /* ذهبي */
  --sf-gold:#BD8420;          --sf-gold-2:#DCAC3A;     --sf-gold-3:#E8C266;

  /* دلالية (تُعدَّل لا تُلغى) */
  --sf-ok:#5F8A3A;   --sf-ok-bg:#1E2617;  --sf-ok-ink:#9ED46F;  --sf-ok-dark:#3F7C42;
  --sf-err:#A4402A;  --sf-err-bg:#2E1C17; --sf-err-ink:#E8846A; /* نصّ خطأ مقروء على الخلفية الداكنة */

  /* ظلال أعمق */
  --sf-sh-card:0 2px 10px rgba(0,0,0,.5);
  --sf-sh-hero:0 20px 50px rgba(0,0,0,.55);
  --sf-sh-dark:0 12px 30px rgba(0,0,0,.55);
  --sf-sh-lift:0 14px 32px rgba(0,0,0,.5);

  /* ---- أسماء الرموز القديمة (aliases) لواجهة الجلسة ---- */
  --sf-surface-2:#221B13;
  --sf-cream:#2B2318;
  --sf-prompt-bg:#2B2318;
  --sf-gold-deep:#E0B354;
  --sf-bad:#A4402A;           --sf-bad-bg:#2E1C17;
  --sf-shadow:0 2px 10px rgba(0,0,0,.5);
}

/* §٩٫٢ — ألوان معرَّفة في ورقة الأنماط لا تتبع التحويل تلقائيًا: تُعرَّف صراحةً */
html[data-sf-theme="dark"] .sf-nav a{color:var(--sf-ink-2);}           /* تباين ≥ 4.5:1 */
html[data-sf-theme="dark"] .sf-nav a:hover{color:var(--sf-gold-3);}
html[data-sf-theme="dark"] ::-webkit-scrollbar-thumb{background:#4A3C25;}
html[data-sf-theme="dark"] ::-webkit-scrollbar-track{background:#171310;}
html[data-sf-theme="dark"] .sf-scroll::-webkit-scrollbar-thumb{background:#4A3C25;}
html[data-sf-theme="dark"] ::selection{background:#3A2F1B;color:var(--sf-ink);}

/* زرّ المظهر في الوضع الداكن (§٣٫٧) */
html[data-sf-theme="dark"] .sf-theme-toggle{
  background:#2B2318;border-color:#55452A;color:#E0B354;
}
html[data-sf-theme="dark"] .sf-theme-toggle:hover{background:#342A1B;}
/* زرّ الرجوع كزرّ المظهر بجواره — والنصّ ink-2 (‏#D5C6A3 على #2B2318 ‏= 9.6:1). */
html[data-sf-theme="dark"] .sf-back:not(.sf-back--on-dark){background:#2B2318;border-color:#55452A;}
html[data-sf-theme="dark"] .sf-back:not(.sf-back--on-dark):hover{background:#342A1B;}

/* أزرار الواجهة (1.77.0): عناوين بدرجات أفتح من ألوان الأيقونات — الدرجات الفاتحة
   على #241D16 تسقط دون AA. التباين: 8.16 · 8.72 · 7.55 · 7.53 · 8.51. */
html[data-sf-theme="dark"] #sf-landing .sf-feat--train{--acc:#8DB9EE;}
html[data-sf-theme="dark"] #sf-landing .sf-feat--assess{--acc:#7CCBAE;}
html[data-sf-theme="dark"] #sf-landing .sf-feat--notes{--acc:#B3A6E8;}
html[data-sf-theme="dark"] #sf-landing .sf-feat--lectures{--acc:#F0987F;}
html[data-sf-theme="dark"] #sf-landing .sf-feat--lnggo{--acc:#E0B354;}