/* ═══ جسر ثيم «motion» — ألوان حقيقية لا فلتر ═══ */

/* ── اللوحة الصريحة (الكلمة الأخيرة) ── */
/* html:root يرفع الأولوية: sidebar.php يُضمَّن في أول الصفحة فيسبق
   sa_ui.css ترتيباً، والأولوية وحدها هي ما يضمن الفوز.
   و!important هنا ليس زينة: القشرة المشتقة تخرج مثبَّتة، فبدونه تغلب
   الاشتقاقَ التخمينيَّ القيمُ المقصودة. */
html:root{
  --md-bg:#efe7d9 !important; --md-bg2:#e7dccb !important;
  --md-ink:#241710 !important; --md-mut:#6f5a47 !important;
  --md-vio:#8a4534 !important; --md-vio2:#764c3c !important;
  --md-cyn:#37644d !important;
  --md-grad:linear-gradient(120deg,#764c3c,#8a4534) !important;
  --md-glass:#fbf7ef !important; --md-glass2:#f3ecdd !important;
  --md-line:rgba(36,23,16,.12) !important; --md-line2:rgba(36,23,16,.20) !important;
  --md-shadow:0 18px 44px rgba(36,23,16,.14) !important;

  --sa-acc-soft:rgba(138,69,52,.14) !important;
  --sa-input:#fdfbf7 !important;

  --sb-bg:#fbf7ef !important; --sb-border:rgba(36,23,16,.12) !important;
  --sb-soft:#f3ecdd !important; --sb-soft2:#e6d8ca !important;
  --sb-text:#241710 !important; --sb-sub:#6f5a47 !important;
  --sb-shadow:0 12px 30px rgba(36,23,16,.10) !important;


  /* أسماء landing/style.css نفسها — صفحات الهبوط الفرعية تحمّله بلا ملف
     الثيم، فتبقى على افتراضاته الداكنة ما لم تُضبط هنا. */
  --ink:#241710 !important; --mut:#6f5a47 !important;
  --bg2:#e7dccb !important;
  --vio:#8a4534 !important; --vio2:#764c3c !important;
  --cyn:#37644d !important;
  --grad:linear-gradient(120deg,#764c3c,#8a4534) !important;
  --glass:#fbf7ef !important; --glass2:#f3ecdd !important;
  --line2:rgba(36,23,16,.20) !important;
  --shadow:0 18px 44px rgba(36,23,16,.14) !important;
  --line:rgba(36,23,16,.12) !important; --muted:#6f5a47 !important;
  --txt:#241710 !important;
  --bg:#efe7d9 !important; --card:#fbf7ef !important;
  --acc:#8a4534 !important;

  color-scheme: light !important;
}

/* الشريط الجانبي يعرّف متغيّراته على نفسه، والمتغيّر يرثه أقرب سلف —
   فضبطه في الجذر وحده لا يكفي. */
html:root .sb, html:root .sb-card{
  --sb-bg:#fbf7ef !important; --sb-border:rgba(36,23,16,.12) !important;
  --sb-soft:#f3ecdd !important; --sb-soft2:#e6d8ca !important;
  --sb-text:#241710 !important; --sb-sub:#6f5a47 !important;
}

/* ═══ صفحات الهبوط الفرعية ═══
   ألوانٌ مثبَّتة في style.css لا تصلها المتغيّرات. */
.auth-card{
  background:#fbf7ef !important;
  border-color:rgba(36,23,16,.12) !important;
  box-shadow:0 18px 44px rgba(36,23,16,.12) !important;
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
}
.field label{ color:#241710 !important }
.field input, .field select, .field textarea{
  background:#fdfbf7 !important;
  border-color:rgba(36,23,16,.12) !important;
  color:#241710 !important;
}
.field input::placeholder, .field textarea::placeholder{ color:#6f5a47 !important }
/* نصّ الزر يُحسب على تدرّج الهوية لا يُنقل من التصميم القديم */
.btn-primary, .btn.btn-primary, .auth-card .btn{ color:#ffffff !important }
.auth-links, .auth-links a{ color:#6f5a47 !important }
.auth-links a:hover{ color:#8a4534 !important }

/* الصور والشعارات لا يمسّها شيء بعد اليوم — الفلتر السابق كان يقلبها */
html:root img, html:root video, html:root canvas, html:root svg{ filter:none !important }


/* أيقونتان تُقلبان بفلترٍ خاص ليَبيَضّا على الداكن: زر الإغلاق ورمز الريال.
   على خلفية فاتحة يجب أن يعودا إلى أصلهما الداكن وإلا اختفيا. */
html:root .btn-close, html:root .riyal-symbol{ filter:none !important }

/* التعبئة التلقائية: كروم يفرض أزرقه فوق background ولا يقبل تجاوزه إلا
   بظلٍّ داخليٍّ يملأ الحقل. والمدّة الطويلة تمنع وميض الأزرق قبل التطبيق. */
html:root input:-webkit-autofill,
html:root input:-webkit-autofill:hover,
html:root input:-webkit-autofill:focus,
html:root select:-webkit-autofill,
html:root textarea:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px #fdfbf7 inset !important;
  box-shadow:0 0 0 1000px #fdfbf7 inset !important;
  -webkit-text-fill-color:#241710 !important;
  caret-color:#241710;
  transition:background-color 9999s ease-out 0s;
}