/* ═══════════════════════════════════════════════════════════
   مِراس · طبقة الواجهة المشتركة
   تُربط في كل صفحة، وتضيف الوضع الفاتح ومبدّله فوق الهوية القائمة.
   لا تُعدَّل ألوان الوضع الداكن هنا — هي في كل صفحة كما هي.
   ═══════════════════════════════════════════════════════════ */

/* ─── الوضع الفاتح: يعيد تعريف المتغيّرات نفسها ─── */
body.light{
  --ink:#FBFAF7;      /* الخلفية، ورقةٌ دافئة لا أبيض صارخ */
  --ink2:#FFFFFF;     /* البطاقات */
  --ink3:#F1F3EF;     /* الرؤوس والأشرطة */
  --paper:#0E1626;    /* النصّ الأساسيّ */
  --slate:#5A6678;    /* النصّ الثانويّ */
  --line:#DFE3DA;     /* الحدود */
  --lime:#7FA828;     /* ليمونيّ الهوية، معتّمًا ليُقرأ على الأبيض */
  --limed:#5F8018;
  --violet:#5B4FD6;
  --coral:#D2451E;
  --amber:#B07C08;
  --teal:#1F7A70;
  background:var(--ink);
  color:var(--paper);
}

/* الشبكة الزخرفية تنقلب داكنةً على الفاتح */
body.light.grid-bg,body.light .grid-bg{
  background-image:
    repeating-linear-gradient(0deg,transparent 0 43px,rgba(14,22,38,.05) 43px 44px),
    repeating-linear-gradient(90deg,transparent 0 43px,rgba(14,22,38,.05) 43px 44px);
}

/* أسطح ثابتة نصف شفّافة */
body.light .top,body.light .nav,body.light .hereb,body.light .tabs,
body.light .pillnav,body.light .audbar,body.light .topbar{background:rgba(251,250,247,.95)}

/* ظلٌّ خفيف بدل الحدّ وحده */
body.light .card,body.light .box,body.light .panel,body.light .stat{box-shadow:0 3px 12px rgba(14,22,38,.05)}

/* النصّ فوق الليمونيّ يصير أبيض */
body.light .btn.lime,body.light .btn-lime,body.light .login,body.light .present,
body.light .role.on,body.light .tb.on,body.light .sg.on,body.light .stg.on,
body.light .chip.on,body.light .pill.on,body.light .fil.on,body.light .aud.on,
body.light .go.on,body.light .lb.on,body.light button.on{color:#FFF}

/* الأزرار الليمونيّة العامّة */
body.light .btn.lime,body.light .btn-lime{background:var(--lime);border-color:var(--lime)}

/* الصور والشعارات المقلوبة */
body.light .corner{filter:none}
body.light img[src$=".svg"]{filter:none}

/* عناصر التدرّج النصّيّ */
body.light .hi,body.light .wordmark,body.light .brand b{
  background:linear-gradient(120deg,#0E1626 25%,var(--lime) 125%);
  -webkit-background-clip:text;background-clip:text;
}

/* ─── مبدّل الوضع ─── */
.themebtn{
  background:var(--ink3);border:1px solid var(--line);color:var(--slate);
  border-radius:100px;padding:4px 12px;font-family:inherit;font-size:.74rem;
  cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
}
.themebtn:hover{border-color:var(--lime);color:var(--lime)}
.hereb-in .themebtn{margin-inline-start:auto}
.hereb-in .themebtn + .home{margin-inline-start:8px}
@media print{.themebtn{display:none!important}}