/* ═══════════════════════════════════════════════════════
   KAU RedLab · Theme — Deep Green & Gold
   Radiologic Education Digital Lab
   نظام الألوان والطباعة المعتمد (v4.0)
═══════════════════════════════════════════════════════ */

:root{
  /* ── Primary (Deep Green) ── */
  --g9:#0D1F12;
  --g8:#1B4332;   /* Primary — الشريط الجانبي، النصوص التفاعلية، الأزرار */
  --g7:#2D6A4F;   /* Primary-mid — تدرّجات، هوفر */
  --g6:#3D8B6A;
  --g5:#4CAF84;

  /* ── Accent (Gold) — إنجازات/حدود فقط، لا نصوص على فاتح ── */
  --gold:#D4AF37;
  --gold-lt:#F6E27A;
  --gold-dk:#C8960C;  /* ذهبي داكن — نصوص ذهبية ضرورية فقط */
  --gold-bg:#FEF9E7;

  /* ── Surfaces (Sage Green — لا أبيض خالص أبداً) ── */
  --page:#D2E0D0;     /* خلفية الصفحة */
  --surf:#E4EFE2;     /* البطاقات والأسطح المرتفعة */
  --surf-2:#C4D4C1;   /* اللوحات الجانبية والأسطح الأعمق */
  --line:#AFC4AC;     /* حدود البطاقات */
  --line-2:#9AB29A;   /* حدود أقوى */

  /* ── Text ── */
  --ink:#16220F;      /* النصوص الأساسية */
  --ink-2:#2E4A2C;
  --muted:#4A6848;    /* النصوص الثانوية */
  --muted-2:#6B8B62;

  /* ── Shadows (العمق من الظلّ لا اللون) ── */
  --sh-sm:0 1px 2px rgba(0,0,0,.07),0 4px 14px rgba(0,0,0,.08);
  --sh-md:0 2px 8px rgba(0,0,0,.09),0 12px 32px rgba(0,0,0,.12);
  --sh-lg:0 4px 16px rgba(0,0,0,.10),0 24px 60px rgba(0,0,0,.16);

  /* ── Radius ── */
  --r-sm:10px; --r-md:14px; --r-lg:18px; --r-xl:22px;

  /* ── Fonts (مُستضافة ذاتياً) ── */
  --font-en:'IBM Plex Sans','Segoe UI',system-ui,sans-serif;
  --font-ar:'IBM Plex Sans Arabic','Segoe UI',Tahoma,sans-serif;
  --font-mo:'IBM Plex Mono','SF Mono',Consolas,monospace;

  /* ── Typography scale (الخيار ② المعتمد) ── */
  --t-h1:1rem;    --t-h1-w:700;
  --t-h2:.82rem;  --t-h2-w:600;
  --t-body:.76rem; --t-body-w:400;
  --t-note:.68rem; --t-note-w:600;
}

/* ═══════════ DARK MODE ═══════════ */
[data-theme="dark"], .dark{
  --page:#111A0F;
  --surf:#182214;
  --surf-2:#0F1F12;
  --line:#243020;
  --line-2:#2E3D28;
  --ink:#EDF5E8;
  --ink-2:#A8C49A;
  --muted:#7FA178;
  --muted-2:#6B8B62;
  /* الذهبي يبقى كما هو — يلمع على الداكن */
  --gold-bg:rgba(212,175,55,.12);
}

/* ═══════════ BASE ═══════════ */
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:var(--font-en);
  background:var(--page);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  transition:background .4s,color .4s;
}
[dir="rtl"] body, body[lang="ar"]{font-family:var(--font-ar)}

/* ═══════════ القاعدة الذهبية ═══════════
   الذهبي: شارات · حلقة تقدّم · حدّ الاختيار الصحيح · حدود أيقونات
   ممنوع: نصوص ذهبية على خلفية فاتحة (تباين 2.1 فقط)
═══════════════════════════════════════ */