/* ═════════════════════════════════════════════════════════════
   هوية البوابة الموحّدة (خط ثمانية + الكحلي والذهبي)
   يُحمَّل بعد تنسيق الصفحة فيعيد تعريف متغيّراتها وخطوطها،
   فلا نحتاج لإعادة كتابة كل صفحة.
   ═════════════════════════════════════════════════════════════ */

/* الخطوط: خط ثمانية، ونفس الأسماء القديمة تشير إليه أيضاً
   حتى تتحوّل كل القواعد المكتوبة بـ Readex / IBM Plex تلقائياً */
@font-face{font-family:'Thmanyah Sans';src:url(../assets/fonts/thmanyahsans-Regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Thmanyah Sans';src:url(../assets/fonts/thmanyahsans-Medium.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Thmanyah Sans';src:url(../assets/fonts/thmanyahsans-Bold.woff2) format('woff2');font-weight:600 900;font-display:swap}
@font-face{font-family:'Thmanyah Serif Display';src:url(../assets/fonts/thmanyahserifdisplay-Bold.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Thmanyah Serif Display';src:url(../assets/fonts/thmanyahserifdisplay-Black.woff2) format('woff2');font-weight:800 900;font-display:swap}
@font-face{font-family:'Readex Pro';src:url(../assets/fonts/thmanyahsans-Medium.woff2) format('woff2');font-weight:400 500;font-display:swap}
@font-face{font-family:'Readex Pro';src:url(../assets/fonts/thmanyahsans-Bold.woff2) format('woff2');font-weight:600 900;font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';src:url(../assets/fonts/thmanyahsans-Regular.woff2) format('woff2');font-weight:300 400;font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';src:url(../assets/fonts/thmanyahsans-Medium.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';src:url(../assets/fonts/thmanyahsans-Bold.woff2) format('woff2');font-weight:600 900;font-display:swap}

/* الألوان: نفس أسماء المتغيّرات في الصفحات القديمة بقيم الهوية الجديدة.
   ألوان الصح والخطأ (ok / rose) تبقى كما هي لأنها دلالية */
:root{
  --bg:#F7F7F5; --surface:#FFFFFF;
  --ink:#141B2A; --ink-2:#3A4353; --ink-3:#5E6675;
  --line:#E7E6E1; --line-2:#D9D7CF;
  --primary:#141B2A; --primary-d:#0A0F17; --primary-l:#F6F1E3;
  --teal:#9A6700; --teal-l:#FBF3DC;
  --amber:#B07F0B; --amber-l:#FBF3DC; --amber-t:#8A5D00;
  --gold-x:#D9A91A; --yellow-x:#F4D35E;
  --radius:24px; --radius-s:16px;
  --shadow:0 1px 2px rgba(20,27,42,.04), 0 14px 30px rgba(20,27,42,.05);
  --shadow-lg:0 6px 18px rgba(20,27,42,.07), 0 24px 50px rgba(20,27,42,.09);
}
body{font-family:'Thmanyah Sans',sans-serif}
button,input,select,textarea{font-family:inherit}

/* العناوين الكبيرة بخط ثمانية العرضي */
h1,h2{font-family:'Thmanyah Serif Display',serif !important;font-weight:900 !important;letter-spacing:0 !important}
h3{letter-spacing:0}

/* الأزرار والشارات: حواف دائرية كالواجهة */
.btn,.btn-primary,.btn-ghost,.backlink,button.btn{border-radius:999px !important}
.btn-primary{background:var(--primary) !important;color:#fff !important}
.btn-primary:hover{background:#22304A !important}

/* الترويسة: بيضاء بخط سفلي خفيف */
.topbar{background:rgba(255,255,255,.92) !important;backdrop-filter:blur(10px);border-bottom:1px solid var(--line) !important}

/* التموّجات الرفيعة (تُضاف أعلى التذييل في كل صفحة) */
.waves{position:relative;height:70px;overflow:hidden;pointer-events:none}
.wv{position:absolute;inset-block:0;inset-inline-start:0;width:200%;height:100%;fill:none}
.wv path{vector-effect:non-scaling-stroke}
.wv1 path{stroke:#B07F0B;stroke-opacity:.45;stroke-width:1.5}
.wv2 path{stroke:#D9A91A;stroke-opacity:.28;stroke-width:1.2}
.wv3 path{stroke:#141B2A;stroke-opacity:.08;stroke-width:1}
@media (prefers-reduced-motion:no-preference){
  .wv1{animation:th-drift 38s linear infinite}
  .wv2{animation:th-drift 52s linear infinite reverse}
  .wv3{animation:th-drift 70s linear infinite}
}
@keyframes th-drift{from{transform:translateX(0)}to{transform:translateX(50%)}}

/* لوحة المعلّم: البطاقات لا تتجاوز الشاشات الضيقة جداً */
#hub .grid{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr))}
#hub .tools{grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr))}