/* =============================================================================
   uom-tokens.css — لوحة ألوان الجامعة بدرجات مستوفية لتباين WCAG 2.1 AA
   =============================================================================
   **المشكلة المقيسة، لا المفترضة.** أعطى `axe-core` على سبع صفحات ×
   مقاسَين ثمانيةَ أزواج لون تُخفق شرط التباين — لا أربعةً كما ظُنّ سابقاً.
   وكلّها من صنف واحد: نصٌّ فاتح على خلفية متوسطة الإضاءة، أو نصٌّ رمادي
   على خلفية شبه بيضاء.

   | الزوج                    | قبل   | بعد   | المطلوب | أين                     |
   |--------------------------|-------|-------|---------|-------------------------|
   | ‏#ffffff على #01a3de      | 2.87  | 4.53  | 4.5     | الشريط العلوي · الصناديق |
   | ‏#dddddd على #ffffff      | 1.35  | 4.54  | 4.5     | أيام التقويم غير الحالية |
   | ‏#a9a9a9 على #f8f8f8      | 2.21  | 4.53  | 4.5     | بيانات نتائج البحث       |
   | ‏#ffffff على #737a7f      | 4.35  | 16.8  | 4.5     | أزرار روابط الكلية       |
   | ‏#ffffff على #81888d      | 3.59  | 16.8  | 4.5     | أزرار روابط الكلية       |
   | ‏#ffffff على #4caf50      | 2.77  | 4.51  | 4.5     | زرّ دخول الطالب          |
   | ‏#ffffff على #5b9dce      | 2.93  | 4.55  | 4.5     | لوحة دخول المدير         |

   **طريقة اشتقاق البديل:** ثُبِّتت الدرجة اللونية (‏hue) والإشباع
   (‏saturation) وخُفِّضت الإضاءة (‏lightness) بخطوات صغيرة حتى أوّل قيمة
   تبلغ 4.5:1 مع الأبيض. أي أن اللون يبقى **اللون نفسه** بدرجةٍ أغمق، لا
   لوناً آخر: `#01a3de` و`#017fad` كلاهما عند 196° تقريباً.

   **ولماذا التوكنات بقيمة احتياطية:**

       color: var(--uom-accent, #017fad)

   الملفّات التي تستهلكها تحمل القيمة المتوافقة داخلها، فلو لم يُحمَّل هذا
   الملف بقي اللون سليماً. التوكن مصدرُ الحقيقة عند وجوده، لا شرطُ صحّة.

   **ما لا يقيسه هذا الملف:** أن اللون *مناسب* لهوية الجامعة. النسبة
   حسابٌ، والهوية قرار. الدرجات هنا أقرب ما يمكن رقمياً إلى الأصل، ويبقى
   استبدالها بلوحة رسمية قراراً لجهة التصميم.
   ============================================================================= */

:root {
  /* الأزرق المميّز — الروابط والأيقونات والحدود والخلفيات ذات النصّ الأبيض */
  /* قرار هوية (2026-08-20): أعيد الأزرق المميّز إلى أصله #01a3de بقرار جهة
     التصميم — الأبيض عليه 2.88:1، مقبولٌ كاستثناء هوية موثَّق (انظر أعلاه:
     «النسبة حسابٌ، والهوية قرار»). بقية الأزواج السبعة باقية على درجاتها
     المتوافقة. البديل المتوافق إن عُدل عن الاستثناء: #017fad (4.53:1). */
  --uom-accent:          #01a3de;
  --uom-accent-hover:    #0187b8;   /* أغمق درجةً للتحويم من العائلة نفسها */

  /* الأزرق الداكن — خلفيات القوالب */
  --uom-dark:            #121f27;

  /* رماديّات النصّ */
  --uom-muted:           #6f6f6f;   /* على أبيض 4.9:1 · على #f8f8f8 4.6:1 */
  --uom-muted-strong:    #595959;   /* 7.0:1 على أبيض */
  --uom-calendar-muted:  #767676;   /* أيام غير الشهر الحالي — 4.54:1 */

  /* ألوان الحالة */
  --uom-success:         #3a863d;   /* أبيض عليه 4.51:1 */
  --uom-danger:          #c62828;   /* أبيض عليه 5.94:1 */
  --uom-login-accent:    #357bb0;   /* لوحات الدخول — أبيض عليه 4.55:1 */

  /* الحدود وعناصر التحكّم: يكفيها 3:1 (‏WCAG 1.4.11) */
  --uom-border:          #767676;

  /* مؤشّر التركيز — انظر uom-a11y.css */
  --uom-focus:           #f69c27;
}

/* ─────────────────────────────────────────────────────────────────────────
   أزرار روابط الكلية.
   `.btn-theme-color-3` كانت `rgba(18,31,39,.9)` — لونٌ نصف شفّاف يُمزَج
   بما تحته. والمقيس أن المزيج يخرج `#737a7f` و`#81888d` حسب الخلفية،
   فيهبط التباين مع النصّ الأبيض إلى 4.35 و3.59. الشفافية هنا ليست تأثيراً
   مقصوداً بل سبب عدم قابلية القياس: اللون النهائي يتغيّر بتغيّر ما خلفه.
   ═ اللون معتمٌ فيصير التباين ثابتاً 16.8:1 على أي خلفية.
   ───────────────────────────────────────────────────────────────────────── */
.btn-theme-color-3 {
  background-color: var(--uom-dark, #121f27) !important;
}

.btn-theme-color-3:hover,
.btn-theme-color-3:focus {
  background-color: #1d3240 !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   بطاقات صفحة الخدمات القابلة للقلب.
   وجه البطاقة الأمامي بلا خلفية معتمة، فيُحسَب تباين نصّه على خلفية الوجه
   **الخلفي** الداكن: `#2d5089` على `#202c45` نسبتها 1.73. الوجهان
   مصمَّمان ليكون أحدهما ظاهراً في كل لحظة، فالخلفية المعتمة تصحيحٌ لما
   كان مقصوداً — لا تغييرَ تصميم.
   ───────────────────────────────────────────────────────────────────────── */
/* **الوجه المقلوب يجب أن يختفي فعلاً لا بصرياً فقط.**
   الوجهان مطلقان أحدهما فوق الآخر، و`backface-visibility` تُخفي المقلوب
   عن العين وحدها: يبقى في شجرة الوصولية وفي ترتيب التبويب، فيُركَّز على
   روابط لا تُرى. ويُحسَب معه تباين نصّ الوجه الأمامي على خلفية الوجه
   الخلفي الداكن — 1.73 بينما المستخدم يرى 8.9.

   `visibility` تُخرجه من الاثنين معاً ولا تغيّر المظهر لأن الدوران يُخفيه
   أصلاً. و`:focus-within` تُضاف مع `:hover` لأن البطاقة كانت تُقلَب
   بالفأرة وحدها — أي أن وجهها الخلفي كان غير قابل للوصول بلوحة المفاتيح. */
.card .card__back {
  visibility: hidden;
}

.card.effect__hover:hover .card__back,
.card.effect__hover:focus-within .card__back {
  visibility: visible;
}

.card.effect__hover:hover .card__front,
.card.effect__hover:focus-within .card__front {
  visibility: hidden;
}