/* ============================================================
   tokens.css — توكنات التصميم المشتركة (ver1)
   وزارة السياحة والآثار  |  أزرق ملكى #1e2d8c + ذهبى #c9a227

   القيم هى مجموعة الوزارة المستعملة فعلاً عبر المنظومة:
   ServicesOrg (ver2) وCoreApps/GuideMarket. لا يوجد دليل هوية رسمى،
   فهذه هى المعيار الفعلى، والاتساق معها أولى من أى اختيار جديد.

   استُخرجت هذه الكتلة من HajjMassarV2.master (حيث كانت inline) عندما
   احتاجها قالب ثانٍ — EntirePagesV2.master — فصار النسخ أسوأ من الملف.
   القالبان يربطان هذا الملف، ولا يُعرَّف لون أو حجم خط خارجه.
============================================================ */
:root {
    /* أساسية */
    --primary:        #1e2d8c;
    --primary-dark:   #161f6a;
    --primary-light:  #3a52c4;
    --gold:           #c9a227;
    --gold-light:     #f0c040;
    --accent:         #c0392b;

    /* الحالة — مشتقة لتُقرأ مع الأزرق الملكي لا لتنافسه */
    --ok:             #1e7d4f;
    --warn:           #b26a00;
    --danger:         var(--accent);
    --info:           var(--primary-light);

    /* الأسطح والنص */
    --bg:             #f4f6fb;
    --surface:        #ffffff;
    --surface-alt:    #eef1f9;
    --border:         #d8dff0;
    --text:           #1a2340;
    --text-muted:     #5b6480;
    --text-invert:    #ffffff;

    /* أشرطة */
    --navbar-bg:      #1e2d8c;
    --topbar-bg:      #0e1650;
    --footer-bg:      #0e1650;

    /* سلّم الأحجام — تسع درجات، الجذر 16px، والحد الأدنى 12px */
    --fs-xs:          .75rem;
    --fs-sm:          .8125rem;
    --fs-md:          .875rem;
    --fs-base:        1rem;
    --fs-lg:          1.25rem;
    --fs-xl:          1.5rem;
    --fs-2xl:         1.875rem;
    --fs-3xl:         2.25rem;

    /* المسافات */
    --sp-1: .25rem; --sp-2: .5rem;  --sp-3: .75rem;
    --sp-4: 1rem;   --sp-5: 1.5rem; --sp-6: 2rem;  --sp-8: 3rem;

    /* أنصاف الأقطار والظلال */
    --radius-sm:      .25rem;
    --radius:         .5rem;
    --radius-lg:      .75rem;
    --shadow-sm:      0 1px 2px rgb(26 35 64 / .06);
    --shadow:         0 2px 8px rgb(26 35 64 / .10);

    /* الخط — العربية تحتاج تنفّساً أكثر من اللاتينية */
    --font-ar:        'Cairo', 'Segoe UI', Tahoma, sans-serif;
    --lh-tight:       1.3;
    --lh-base:        1.7;

    /* لون القسم — كل إدارة تعيد تعريف هذين فقط، كما فى ver2 */
    --section-primary: var(--primary);
    --section-accent:  var(--gold);
}