/* ============================================================
   brand.css — الهوية البصرية لتيلة في ملف واحد.
   «Teelah Blue» (سبتمبر ٢٠٢٦، من ملف المصمّم Teelah Blue.pdf): الأزرق Game Blue #46799E أساسي،
   والأبيض الدافئ Warm White #EBF8FF، ومعهم ألوان التيل: ذهبي #E6B84A · برتقالي طيني #D47745 ·
   أخضر يشمي #3E8068 · عنّابي #5B2334. الخط Tajawal. الليل كحلي #0F2130 (من خلفيات الملف).
   الواجهة كلها تقرأ من هذه الرموز — لا ألوان ولا خطوط مكتوبة في مكان آخر.
   المعاينة: /brand.html · مرجع الهوية: /brand-kit/
   ============================================================ */

/* ---------- ١) الخطوط: Tajawal (عربي + لاتيني) ---------- */
@font-face{font-family:'Tajawal';src:url('fonts/tajawal-200-arabic.woff2') format('woff2');font-weight:200;font-style:normal;font-display:swap;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, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Tajawal';src:url('fonts/tajawal-200-latin.woff2') format('woff2');font-weight:200;font-style:normal;font-display:swap;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:'Tajawal';src:url('fonts/tajawal-400-arabic.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;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, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Tajawal';src:url('fonts/tajawal-400-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;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:'Tajawal';src:url('fonts/tajawal-500-arabic.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;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, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Tajawal';src:url('fonts/tajawal-500-latin.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;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:'Tajawal';src:url('fonts/tajawal-700-arabic.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;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, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Tajawal';src:url('fonts/tajawal-700-latin.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;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:'Tajawal';src:url('fonts/tajawal-900-arabic.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap;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, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Tajawal';src:url('fonts/tajawal-900-latin.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap;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}

:root{
  --font-body:'Tajawal';      /* النصوص */
  --font-display:'Tajawal';   /* العناوين والأسماء الكبيرة (.kufi) — بوزن ٧٠٠/٩٠٠ */
  --font-mono:'Tajawal';      /* الأرقام والمؤقّتات (بأرقام متساوية العرض من app.css) */
}

/* ---------- ٢) لوحة الهوية الثابتة (لا تتغيّر بين النهار والليل) ---------- */
:root{
  /* ألوان الهوية — الشعار والعناصر التي لا تتبع الثيم */
  --brand:#46799E;          --marble:#E6B84A;
  --brand-green:#3E8068;    --brand-yellow:#E6B84A;   --brand-purple:#5B2334;   /* purple = العنّابي في الهوية الجديدة */
  --brand-orange:#D47745;   --brand-burgundy:#5B2334; --brand-blue-deep:#2A4858; --brand-blue-light:#61A8D2;
  --brand-offwhite:#EBF8FF; --brand-black:#14283A;
  /* ألوان الألعاب من «دليل الهوية» (صفحة الشخصيات): المافيا عنّابي والمداقش أخضر زمردي — درجة فاتحة وغامقة لكل واحد */
  --brand-burgundy-hi:#8E3854; --brand-burgundy-deep:#2E111B;
  --brand-green-hi:#4E9A7E;    --brand-green-deep:#1C4637;
  --brand-yellow-soft:#F8E6B4; --brand-yellow-paper:#FFFBF0;
  /* عوالم الألعاب (v95) — كل لعبة لونها من لوحة الهوية بثلاث درجات: فاتح · أساسي · غامق */
  --w-mafia-hi:#8E3854;  --w-mafia:#5B2334;  --w-mafia-deep:#2E111B;
  --w-md-hi:#4E9A7E;     --w-md:#3E8068;     --w-md-deep:#1C4637;
  --w-dg-hi:#61A8D2;     --w-dg:#46799E;     --w-dg-deep:#23496A;
  --w-qz-hi:#2F4F6B;     --w-qz:#1C3346;     --w-qz-deep:#0E1D2A;
  --w-ml-hi:#E8956A;     --w-ml:#D47745;     --w-ml-deep:#A85A2F;
  --w-ch-hi:#9CCBE8;     --w-ch:#61A8D2;     --w-ch-deep:#3E86B3;
  --w-duo-hi:#F1D18F;    --w-duo:#E6B84A;    --w-duo-deep:#B78E3C;

  /* الأسطح الداكنة الثابتة: بطاقات الأدوار، بطاقة المافيا في الرئيسية، شاشة المجلس — كحلي الهوية */
  --dk-bg:#0F2130;        --dk-bg2:#0A1824;       --dk-hero:#1C3346;
  --dk-card:#16293A;      --dk-sunk:#1C3346;      --dk-line:#24405A;     --dk-line2:#2F4F6B;
  --dk-ring:#3A5C78;
  --dk-ink:#EBF8FF;       --dk-ink2:#C5DCEA;      --dk-muted:#8BA6B8;    --dk-faint:#56708A;
  --dk-brass:#61A8D2;     --dk-brass-deep:#9CCBE8;   /* الأزرق على الداكن + نسخة للنصوص */
  --dk-red:#E0607E;       --dk-red-base:#B8324F;     /* المافيا والخطر — من العنّابي */
  --dk-blue:#9CCBE8;      --dk-green:#75BEA0;     --dk-violet:#E6B84A;   /* أزرق فاتح · أخضر · ذهبي */
  --dk-amber:#E6B84A;     --dk-amber-hi:#F1D18F;  --amber-deep:#B78E3C;  /* التنبيهات */
  --brass-shade-1:#2E5F82; --brass-shade-2:#3A6C8F; --brass-shade-3:#1F4560; --red-shade:#3A1824;

  --paper:#EBF8FF;        --ink-fixed:#14283A;    --white:#FFFFFF;       --paper-line:#CCE4F2;
  --card-face:#FFFFFF;    --card-red:#B8324F;     /* أوراق المداقش */

  /* ثلاثيات RGB للشفافيات: rgba(var(--red-rgb), 0.16) */
  --red-rgb:184,50,79;        --red-deep-rgb:142,56,84;
  --blue-rgb:97,168,210;      --blue-deep-rgb:42,95,138;
  --brass-rgb:70,121,158;     --brass-deep-rgb:46,95,130;
  --green-rgb:62,128,104;     --green-deep-rgb:31,95,70;
  --violet-rgb:183,142,60;    --violet-deep-rgb:138,106,31;   --violet-hi-rgb:230,184,74;
  --amber-rgb:230,184,74;     --dk-amber-rgb:230,184,74;
  --paper-rgb:235,248,255;    --ink-rgb:20,40,58;
  --dk-rgb:10,24,36;          --dk-bg-rgb:15,33,48;           --dk-muted-rgb:139,166,184;
}

/* ---------- ٣) النهار: الأبيض الدافئ ---------- */
.day{
  --bg:#EBF8FF; --card:#FFFFFF; --sunk:#DCF4FF; --line:#CCE4F2; --line2:#B3D2E6;
  --ink:#14283A; --ink2:#2A4858; --muted:#587486; --faint:#8FA8B8;
  --brass:#46799E; --brass-deep:#2E5F82; --brass-soft:rgba(70,121,158,0.12);
  --red:#B8324F; --red-hi:#8E3854; --green:#2F7159; --blue:#2A5F8A; --violet:#8A6A1F;
  --on-brass:#FFFFFF; --shadow:0 1px 3px rgba(20,40,58,0.08);
  background:var(--bg); color:var(--ink);
}

/* ---------- ٤) الليل: كحلي الهوية ---------- */
.night{
  --bg:#0F2130; --card:#16293A; --sunk:#1C3346; --line:#24405A; --line2:#2F4F6B;
  --ink:#EBF8FF; --ink2:#C5DCEA; --muted:#8BA6B8; --faint:#56708A;
  --brass:#61A8D2; --brass-deep:#9CCBE8; --brass-soft:rgba(97,168,210,0.16);
  --red:#E0607E; --red-hi:#F08AA2; --green:#75BEA0; --blue:#9CCBE8; --violet:#E6B84A;
  --on-brass:#0F2130; --shadow:0 1px 3px rgba(0,0,0,0.45);
  background:var(--bg); color:var(--ink);
}