/* كسوة الشريك — تُحمَّل فوق teistyle.css فتعيد تعريف رموزه وحدها.
 *
 * لا قاعدة تخطيط هنا ولا انتقاء عناصر: المنصة تبني كل شيء على
 * متغيّرات :root، فالكسوة قيم لا هيكل. هذا ما يجعل الشاشات نفسها
 * تخدم الواجهتين بلا نسخة ثانية تتباعد.
 *
 * الكسوة زينة محضة: لا تمنح صلاحية ولا تمنعها. الحجب كله في
 * teiapp/permissions.py — كي لا يصير الامان معلّقا بورقة انماط.
 */

/* ── الخط: HayyakumAllah باوزانه الاربعة ──────────────────────────
 * WOFF2 لا TTF: 397KB صارت 170KB (58% اصغر) — فارق محسوس على موقع
 * كل نصوصه بهذا الخط. و font-display:swap كي يُقرأ النص فورا بخط
 * احتياطي بدل ان تبقى الصفحة بيضاء حتى ينزل الخط.
 */
@font-face {
  font-family: 'HayyakumAllah';
  src: url("HayyakumAllah-Light.20a932610c6d.woff2") format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'HayyakumAllah';
  src: url("HayyakumAllah-Regular.09277e628416.woff2") format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'HayyakumAllah';
  src: url("HayyakumAllah-Medium.646f7c0a8cba.woff2") format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'HayyakumAllah';
  src: url("HayyakumAllah-Bold.835bae0e6321.woff2") format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ── الخطوط ── */
  --ff:         'HayyakumAllah', 'Tajawal', sans-serif;
  --ff-content: 'HayyakumAllah', 'Tajawal', sans-serif;
  --mono:       'HayyakumAllah', 'Tajawal', sans-serif;

  /* ── Golden Wheat → دور الذهبي ──
   * لوحة الشريك: 988561 / b9a779 / edebe0
   */
  --brand-gold-dark:  #988561;
  --brand-gold:       #b9a779;
  --brand-gold-light: #edebe0;

  /* ── Forest → دور الازرق ──
   * المنصة تسمّيه «blue» لكنه دور لوني (اللون المميِّز) لا وصف.
   * لوحة الشريك: 002623 / 054239 / 428177
   */
  --brand-blue-dark:  #054239;
  --brand-blue:       #428177;
  --brand-blue-light: #e6efed;   /* تخفيف 428177 — لخلفيات التمييز */

  /* ── Charcoal → النصوص والخلفيات ──
   * لوحة الشريك: 161616 / 3d3a3b / ffffff
   */
  --color-bg-primary:     #ffffff;
  --color-bg-secondary:   #faf9f5;   /* تخفيف edebe0 */
  --color-bg-tertiary:    #f7f5ef;
  --color-text-primary:   #161616;
  --color-text-secondary: #3d3a3b;
  --color-text-tertiary:  #6f6b68;   /* وسط بين 3d3a3b والخلفية */

  /* ── الحدود: مشتقة من لوني اللوحة لا رمادية محايدة ── */
  --color-border-tertiary:  rgba(152, 133, 97, 0.28);   /* Golden Wheat */
  --color-border-secondary: rgba(5, 66, 57, 0.18);      /* Forest */
  --color-border:           rgba(5, 66, 57, 0.18);

  /* ── لمسة البطاقة ── */
  --card-accent: #988561;

  /* ── Deep Umber → التنبيه والخطر ──
   * لوحة الشريك: 260f14 / 4a151e / 6b1f2a
   */
  --color-danger:      #6b1f2a;
  --color-danger-dark: #4a151e;
}

/* شعار النسر: fill:currentColor في الملف، فيتبع اللون هنا بدل ان
 * يكون مثبّتا في SVG — نفس الملف يخدم الرأس الفاتح والداكن. */
.navbrand1 img,
.login-brand img {
  color: var(--brand-gold-dark);
}

/* بديل نصّي للعلامة حين لا شعار مضبوط (قبل ضبط متغيّرات البيئة) —
 * كي لا تظهر الترويسة فارغة. */
.navbrand1-text,
.login-brand-text {
  font-family: var(--ff);
  font-weight: 700;
  font-size: 1.15rem;
  color: var(--brand-gold-dark);
  letter-spacing: 0.5px;
}

/* اسم العلامة وشعارها النصّي تحت النسر في صفحة الدخول.
 * الاسم بوزن Bold والشعار بـ Light — التباين بينهما هو ما يجعل
 * الاثنين يُقرآن كوحدة واحدة لا كسطرين متجاورين. */
.login-brand-name {
  font-family: var(--ff);
  font-weight: 700;
  font-size: 1.6rem;
  color: var(--brand-gold-dark);
  letter-spacing: 1px;
  margin-top: 10px;
}

.login-brand-tagline {
  font-family: var(--ff);
  font-weight: 300;
  font-size: 0.78rem;
  color: var(--color-text-tertiary);
  margin-top: 4px;
  margin-bottom: 18px;   /* يفصل كتلة العلامة عن «تسجيل الدخول» */
}

/* التذييل: خلفيته --brand-blue-dark، اي اغمق درجات Forest في هذه
 * اللوحة. و--color-text-tertiary لون نصّ مصمَّم لخلفية فاتحة، فوقع
 * داكنا على داكن ولم يُقرأ (قِيس بالمتصفح: #6f6b68 على #054239).
 * اللون هنا صريح لا رمز عام — التذييل هو الموضع الوحيد في الواجهة
 * الذي يقع فيه نصّ ثانوي فوق خلفية داكنة. */
:root {
}