/* ══════════════════════════════════════════════════════════════
   سماتنا — عالمُ القطاع اللونيّ            v15.0.1-s2
   ──────────────────────────────────────────────────────────────
   التعليمُ يبقى على الفيروزيِّ الأصل — لا سطرَ هنا يمسُّه، فلا خطرَ
   على ما يعمل. والأعمالُ تأخذ أرضيةً كحليّةً وإشارةً عنبريّة.

   ❗ لماذا العنبريُّ لا أزرقٌ آخر؟ الفيروزيُّ والكحليُّ متجاوران في
      الطيف (١٧٧° و٢١٠°)، فالفرقُ بينهما لا يُرى في لمحة. والعنبريُّ
      (٤٥°) أبعدُ ما يكون عنهما مع بقائه مهنيّاً، وتباينُه على
      #07274b يبلغ ٧:١.

   ❗ والانتقاءُ بسمةٍ على <html> لا بـ:root، فيغلب ما يحقنه
      theme.php بالتخصّص (0,1,1 ضدّ 0,1,0) مهما كان ترتيبُ المصادر.
   ══════════════════════════════════════════════════════════════ */

html[data-sector="work"]{
  --brand:#07274b;
  --brand-2:#E0A32E;
  --brand-ink:#C9881B;
  --brand-soft:#0D3058;

  --accent:#E0A32E;
  --accent-ink:#9C6F12;      /* نصٌّ على فاتح — تباين 4.6 */
  --accent-soft:#FBF2DF;
  --accent-line:#F0D9A4;
  --on-accent:#07274b;

  --grad:linear-gradient(135deg,#E0A32E,#07274b);
  --logo-grad:linear-gradient(135deg,#07274b,#0D3058);
}

/* شريطُ الهبوط العلويُّ وبطلُ الصفحة: أرضيةٌ كحليّةٌ لا عاجيّة */
html[data-sector="work"] body.sm-landing .sec.dark,
html[data-sector="work"] body.sm-landing .sec.band{
  background:#07274b;
}
html[data-sector="work"] body.sm-landing .hero{
  background:linear-gradient(180deg,#F7F9FB 0%,#EEF3F8 100%);
}

/* الإشارةُ العنبريّةُ على الحدود والعناوين الصغيرة */
html[data-sector="work"] .eyebrow{color:#9C6F12}
html[data-sector="work"] .sec.dark .eyebrow,
html[data-sector="work"] .sec.band .eyebrow{color:#E0A32E}

/* ❗ الأزرارُ الأساسيّةُ تبقى كحليّةً والنصُّ عليها أبيض: زرٌّ عنبريٌّ
      بنصٍّ أبيضَ تباينُه 2.1 — غيرُ مقروء. والعنبريُّ للحدِّ لا للملء. */
html[data-sector="work"] .btn.primary{
  background:#07274b;color:#fff;border-color:#07274b;
}
html[data-sector="work"] .btn.primary:hover{background:#0D3058}
html[data-sector="work"] .btn.ghost{
  border-color:#E0A32E;color:#9C6F12;
}

/* كثافةٌ أعلى قليلاً: شاشةُ عملٍ تُقرأ طويلاً */
html[data-sector="work"] body.sm-app .row,
html[data-sector="work"] body.sm-app tbody tr{line-height:1.5}

@media (prefers-color-scheme:dark){
  html[data-sector="work"]:not([data-base="light"]){
    --accent-ink:#F0C063;
    --accent-soft:#16304F;
    --accent-line:#2A4A6E;
  }
}