/* =========================================================
   رموز التصميم (Design Tokens) — المصدر الوحيد للألوان والخطوط والمسافات.
   مأخوذة من النموذج التفاعلي (ncc-html-prototype) ومن دليل الهوية:
   Navy 288C · Cyan 7467C · Cool Grey 8C.
   عدّلي هنا مرة واحدة فيتغير الموقع كله.
   ========================================================= */

:root {
	/* ---- الخطوط ----
	   IBM Plex Sans Arabic — بديل مرخّص (SIL OFL 1.1) لخطَّي الهوية DIN / TheSans Arabic.
	   عائلة واحدة تغطي العربي واللاتيني والأرقام على نفس الهيكل، مستضافة ذاتيًا في
	   assets/fonts (لا اتصال بـ Google Fonts). التعريفات في آخر هذا الملف.
	   عند وصول رخصة خطوط الهوية: بدّلي الاسم الأول في السطرين أدناه إلى "DIN" و"TheSans Arabic". */
	--font-en: "IBM Plex Sans Arabic", "DIN", Arial, sans-serif;
	--font-ar: "IBM Plex Sans Arabic", "TheSans Arabic", Tahoma, sans-serif;

	/* ---- ألوان الهوية ---- */
	--primary:      #002d62;   /* Navy 288C */
	--primary-900:  #001f46;   /* كحلي أعمق للخلفيات السينمائية */
	--accent:       #00a5b5;   /* Cyan 7467C */
	--accent-dark:  #008b99;
	--gray:         #888b8d;   /* Cool Grey 8C */
	--ink:          #111827;
	--muted:        #646b73;
	--bg:           #fff;
	--surface:      #f4f6f7;
	--border:       #dce1e5;
	--red:          #e54a3f;   /* شريحة PPC */
	--green:        #50b848;   /* شريحة SRC */
	--footer-bg:    #07172a;

	/* ---- التخطيط ---- */
	--container: 1320px;
	--gutter:    clamp(20px, 4vw, 64px);
	--section:   clamp(88px, 10vw, 160px);
	--header:    88px;
	--shadow:    0 20px 60px rgba(0, 22, 47, .1);

	/* ---- الحركة ---- */
	--ease: 320ms cubic-bezier(.2, .8, .2, 1);
	--slow: 700ms cubic-bezier(.2, .8, .2, 1);

	/* ---- أسماء قديمة (تُبقي أنماط الصفحات الداخلية تعمل) ---- */
	--c-navy: var(--primary);
	--c-navy-dark: var(--primary-900);
	--c-teal: var(--accent);
	--c-teal-dark: var(--accent-dark);
	--c-ink: var(--ink);
	--c-ink-2: var(--muted);
	--c-ink-3: var(--gray);
	--c-line: var(--border);
	--c-surface: var(--bg);
	--c-surface-2: var(--surface);
	--c-success: #1c6b3f;
	--c-error: #a3121b;
	--c-info: #2a4a8a;
	--radius: 0px;      /* لغة النموذج: زوايا حادة */
	--radius-sm: 0px;
}

/* =========================================================
   الخطوط المستضافة ذاتيًا — IBM Plex Sans Arabic
   رخصة SIL OFL 1.1 (نسختها في assets/fonts/IBM-Plex-OFL.txt — يجب أن تبقى مع الملفات).

   ثلاثة أوزان فقط (400 / 600 / 700) لأنها الأوزان المستخدمة فعلًا في القالب؛
   الوزن 500 يقع على 400، والوزن 800 يقع على 700 (العائلة تنتهي عند 700).
   كل وزن مقسوم إلى نطاقين: عربي ولاتيني. المتصفّح ينزّل ما تحتاجه الصفحة فقط —
   صفحة إنجليزية لا تُنزّل الملفات العربية، والعكس (عدا الأرقام والرموز اللاتينية).

   عند وصول رخصة خطوط الهوية: أضيفي @font-face لـ DIN / TheSans Arabic هنا
   وبدّلي أول اسم في ‎--font-en / --font-ar أعلاه؛ لا شيء آخر يتغيّر.
   ========================================================= */

/* ---- عربي ---- */
@font-face {
	font-family: "IBM Plex Sans Arabic";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/plex-ar-arabic-400.woff2") format("woff2");
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
	font-family: "IBM Plex Sans Arabic";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/plex-ar-arabic-600.woff2") format("woff2");
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
	font-family: "IBM Plex Sans Arabic";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/plex-ar-arabic-700.woff2") format("woff2");
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

/* ---- لاتيني وأرقام ---- */
@font-face {
	font-family: "IBM Plex Sans Arabic";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/plex-ar-latin-400.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "IBM Plex Sans Arabic";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/plex-ar-latin-600.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "IBM Plex Sans Arabic";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/plex-ar-latin-700.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}