/* ═══════════════════════════════════════════════════════════════
   t.css — التوكنز (المتغيرات الموحدة لكل المشروع)
   ───────────────────────────────────────────────────────────────
   هذا الملف لا يحتوي اي قاعدة تنسيق .. متغيرات فقط.
   اضافته لاي صفحة لا تغير شيئاً بصرياً على الاطلاق.
   كل الاسماء تبدأ بـ --k- حتى لا تصطدم بمتغيرات bld.css القديمة.
   ═══════════════════════════════════════════════════════════════ */

:root{

  /* ───────── الالوان الاساسية (الهوية) ───────── */
  --k-bg:      #0a0f1e;   /* الخلفية العميقة */
  --k-panel:   #0f172a;   /* سطح البطاقات */
  --k-panel2:  #141c33;   /* سطح اعلى/تدرج */
  --k-panel3:  #16213e;   /* صف زوجي / hover */
  --k-line:    #2a3a5e;   /* كل الحدود */
  --k-line2:   #1e3a5f;   /* حد نشط / hover */

  /* ───────── الوان النص ───────── */
  --k-wht:     #fff;      /* ابيض صريح .. نص الازرار الملونة */
  --k-txt:     #e8e8e8;   /* النص الاساسي */
  --k-txt2:    #e8eefc;   /* نص فاتح داخل البطاقات */
  --k-dim:     #8fa3c8;   /* نص ثانوي */
  --k-dim2:    #93a1bd;   /* نص ثانوي (صفحات الموقع) */
  --k-mute:    #888;      /* نص خافت / فارغ */

  /* ───────── الوان الحالة ───────── */
  --k-blue:    #60cdff;   /* الازرق: روابط، تركيز، نشط */
  --k-blue-l:  #a8e6ff;   /* ازرق فاتح: hover */
  --k-gold:    #ffd166;   /* الذهبي: العناوين والقيم المهمة */
  --k-gold-d:  #e0a93e;
  --k-gold-b:  #b8860b;   /* حدّ الازرار الذهبية .. اغمق من --k-gold-d بـΔE=13 فلا يُضم اليه */
  --k-gold-t:  #221a05;   /* نص فوق الذهبي */
  --k-red:     #b71c1c;   /* الاحمر — محجوز للغول والخطر */
  --k-red-l:   #f99;      /* نص التحذير */
  --k-red-bg:  #2a0f0f;   /* خلفية التحذير */
  --k-grn:     #2e7d32;   /* الاخضر: النجاح */
  --k-grn-l:   #9f9;      /* نص النجاح */
  --k-grn-bg:  #0f2a13;   /* خلفية النجاح */

  /* ───────── المسافات ───────── */
  --k-s1:  4px;
  --k-s2:  6px;
  --k-s3:  8px;
  --k-s4: 10px;
  --k-s5: 12px;
  --k-s6: 14px;
  --k-s7: 18px;
  --k-s8: 24px;

  /* ───────── الانحناءات ───────── */
  --k-r1:  6px;
  --k-r2:  8px;
  --k-r3: 10px;   /* الافتراضي */
  --k-r4: 12px;
  --k-r5: 14px;
  --k-r6: 16px;
  --k-rp: 999px;  /* حبة كاملة */

  /* ───────── الخطوط ───────── */
  --k-font: Tahoma, Arial, sans-serif;
  --k-fs-xs: 11px;
  --k-fs-sm: 12.5px;
  --k-fs:    13px;   /* الافتراضي */
  --k-fs-md: 14px;
  --k-fs-lg: 16px;
  --k-fs-xl: 20px;
  --k-fw:  700;
  --k-fwb: 800;
  --k-fwx: 900;
  --k-lh:  1.6;

  /* ───────── الظلال والحركة ───────── */
  --k-sh1: 0 4px 12px rgba(0,0,0,.5);
  --k-sh2: 0 10px 30px rgba(0,0,0,.45);
  --k-sh-in: inset 0 1px 0 rgba(255,255,255,.12);
  --k-glow: 0 0 8px rgba(96,205,255,.25);
  --k-ring: 0 0 0 2px rgba(96,205,255,.18);
  --k-tr: .15s;

  /* ───────── ظل الازرار المجسمة (نفس bld.css) ───────── */
  --k-btn-sh: 0 3px 0 rgba(0,0,0,.35), 0 6px 14px rgba(0,0,0,.25);
  --k-btn-in: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -1px 0 rgba(0,0,0,.25);

  /* ───────── الوان انواع الازرار (منقولة كما هي من bld.css) ───────── */
  --k-c-blue0:#1e78c9;  --k-c-blue1:#155e9e;   /* تطوير مبنى */
  --k-c-orng0:#a2804c;  --k-c-orng1:#88775f;   /* تدريب وحدة */
  --k-c-red0: #cf3a2e;  --k-c-red1: #a92c22;   /* هدم / خطر */
  --k-c-purp0:#a64dbf;  --k-c-purp1:#7e3690;
  --k-c-war0: #e2542f;  --k-c-war1: #b53c1f;   /* ارسال الجيش */
  --k-c-teal0:#22b8cf;  --k-c-teal1:#167e91;   /* ارسال رسالة */
  --k-c-grn0: #3fae52;  --k-c-grn1: #2c7d3d;   /* ارسال تجار */
  --k-c-gold0:#e8c159;  --k-c-gold1:#c9972e;   /* ارسال المال */
  --k-c-emer0:#1fae86;  --k-c-emer1:#147a5e;   /* الموافقة */
  --k-c-crea0:#d6489e;  --k-c-crea1:#a8317a;   /* انشاء */

  /* ───────── شريط التمرير ───────── */
  --k-sb-w:    10px;      /* عرضه */
  --k-sb-trk:  #0d1526;   /* المجرى */
  --k-sb-thm:  #2a3a5e;   /* المقبض .. نفس --k-line */
  --k-sb-thmh: #3d5488;   /* المقبض عند المرور */
}

/* شريط التمرير .. عنصر واحد يوحّد كل الصفحات
   كان `g.css` وحده يتعامل معه , و تعامله **اخفاء** لا تنسيق
   (`body::-webkit-scrollbar{width:0}`) , و الستة الباقية بلا شيء —
   فالصفحات الخارجية و لوحة الادارة بشريط المتصفح الافتراضي الفاتح
   فوق ثيم داكن.

   يُكتب هنا لا في كل ملف: `t.css` يُحمَّل قبل الجميع. */
*{ scrollbar-width:thin; scrollbar-color:var(--k-sb-thm) var(--k-sb-trk); } /* فايرفوكس */

::-webkit-scrollbar{ width:var(--k-sb-w); height:var(--k-sb-w); }
::-webkit-scrollbar-track{ background:var(--k-sb-trk); }
::-webkit-scrollbar-thumb{
  background:var(--k-sb-thm);
  border-radius:var(--k-rp);
  border:2px solid var(--k-sb-trk); /* يعطي المقبض هامشا فلا يلتصق بالحافة */
}
::-webkit-scrollbar-thumb:hover{ background:var(--k-sb-thmh); }
::-webkit-scrollbar-corner{ background:var(--k-sb-trk); }

/* ───────── لوحة الخريطة (برشمان) — منفصلة عمداً عن ثيم اللعبة الداكن ───────── */
:root{
  --m-bg:    #1C1814;   /* خلفية الخريطة */
  --m-bg2:   #201c16;   /* راس التلميح */
  --m-line:  #4A4036;   /* حدود */
  --m-txt:   #B89968;   /* نص اساسي */
  --m-dim:   #8A8270;   /* نص ثانوي */
  --m-hint:  #6E7479;   /* تلميح */
  --m-gold:  #C8962E;   /* ذهبي الخريطة */
  --m-gold-l:#e0ab35;   /* ذهبي فاتح */
  --m-red:   #C7361B;   /* تحرك عدائي */
}

/* ───────── لوحة المباني (الثيم الفاتح / برشمان) — منفصلة عمداً ───────── */
:root{
  --p-fld:    #f3f6e9;             /* خلفية الحقول */
  --p-line:   rgba(33,44,22,.3);   /* حد */
  --p-line2:  rgba(33,44,22,.2);   /* فاصل خافت */
  --p-txt:    #3c4a2c;             /* نص اساسي */
  --p-dim:    #5a6b46;             /* نص ثانوي */
  --p-cream:  #f0e6c8;             /* كريمي */
  --p-sand:   #cfae6a;             /* رملي */
  --p-blue:   #155e9e;             /* ازرق اللوحة */
  --p-orange: #d18214;             /* برتقالي */
  --p-red:    #a92c22;             /* احمر */
}


/* ppp مصدر المحتوى لا العرض , فيبقى مخفيا دائما.
   g.css يخفيه داخل اللعبة لكنه ما يتحمّل في الصفحات الخارجية فكان ينكشف.
   لا شيء غير هذا السطر — شكل الببّ كله في pop_open داخل a/func.js */
ppp{ display:none; }

/* ═══════════════════════════════════════════════════════════════════════
   .koe-btn  —  الزر الاساسي  (منقولة من a/bld.css)
   ───────────────────────────────────────────────────────────────────────
   السبب: دالة danger_btn تطلع class='koe-btn koe-btn-danger' و كانت
   انماطها في bld.css وحده , و bld.css ما يتحمّل في الصفحات الخارجية
   (حسابي , العوالم , الحظر) فكان الزر يطلع خاما بلا شكل.
   t.css هو الملف الوحيد اللي يتحمّل في شل اللعبة و خارجه معا.

   منقولة كما هي بلا اي تغيير في القيم .. الشكل في اللعبة ما تأثر.
   بقية المتغيرات (--blue0 و --red0 و --war0 ...) و بقية الالوان
   (.koe-btn-blue و .koe-btn-red ...) باقية في bld.css لانها تخص اللعبة.
   ═══════════════════════════════════════════════════════════════════════ */

:root{
  /* نسخة طبق الاصل من --k-btn-sh و --k-btn-in فوق .. تُبقى بالاسمين
     القصيرين لان bld.css يستعملهما , و القيمة من مصدر واحد */
  --btn-shadow:var(--k-btn-sh);
  --btn-inset:var(--k-btn-in);
}

/* .koe-btn و .k-btn نسختان من زر واحد: نفس البنية تماما , و الفرق ان
   هذي كانت تكتب القيم يدويا (8px و 10px 16px و 800) و تلك تقرأ التوكنات.
   وُحّد المصدر و بقي الكلاسان لان الاول في شل اللعبة و الثاني في k.css.
   فرق بكسل واحد في الحشو الافقي (16px ← --k-s6 = 14px) مقبول. */
.koe-btn{
  --bg0:#888; --bg1:#666;
  display:inline-flex; align-items:center; gap:var(--k-s3);
  padding:var(--k-s4) var(--k-s6); border-radius:var(--k-r3); border:1px solid rgba(0,0,0,.35);
  background:linear-gradient(var(--bg0),var(--bg1));
  color:var(--k-wht); font-family:inherit; font-weight:var(--k-fwb); cursor:pointer;
  box-shadow:var(--k-btn-sh), var(--k-btn-in);
  transition:transform .05s ease, filter var(--k-tr);
}
.koe-btn img{width:var(--k-s7);height:var(--k-s7);object-fit:contain;filter:drop-shadow(0 1px 0 rgba(0,0,0,.25))}
.koe-btn:hover{filter:brightness(1.06)}
.koe-btn:active{transform:translateY(1px)}

.koe-btn-danger{ margin-right: auto; }