/* ============================================================
   رفد القيادة — TOKENS + BASE
   مصدر الحقيقة الوحيد للتوكنز (منقول من _mockups/d-khurafi.html).
   لا hex خام خارج كتلة :root أدناه.
   يُحمَّل قبل site.css في الموقع وقبل admin.css في اللوحة.
   ============================================================ */

/* ------------------------------------------------------------
   الخطوط — مستضافة ذاتياً (CSP يسمح self فقط، لا Google Fonts).
   حزمتان لكل وزن: (1) المدى العربي، (4) المدى اللاتيني الأساسي.
   ------------------------------------------------------------ */
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/IBMPlexSansArabic-400-1.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, 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:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/IBMPlexSansArabic-400-4.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:500;font-display:swap;src:url("../fonts/IBMPlexSansArabic-500-1.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, 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:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/IBMPlexSansArabic-500-4.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/IBMPlexSansArabic-600-1.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, 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:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/IBMPlexSansArabic-600-4.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/IBMPlexSansArabic-700-1.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, 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:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/IBMPlexSansArabic-700-4.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;}

/* ------------------------------------------------------------
   TOKENS
   ------------------------------------------------------------ */
:root{
  /* 1) BRAND — هوية رفد القيادة (من دليل الهوية الرسمي) */
  --brand-primary:  #144349;   /* تركوازي عميق — البنية والعناوين واللوحات الداكنة */
  --brand-primary-2:#1D5C65;   /* تركوازي — الرايات، الأيقونات، الطبقة الثانية */
  --brand-accent:   #FE5923;   /* برتقالي — الفعل والتوكيد فقط، ≤10% من أي شاشة */
  --brand-mint:     #CEE1DB;   /* منت — نص اللوحات الداكنة */
  --brand-peach:    #FFD3C7;   /* خوخي — لمسات ثانوية */

  /* 2) ROLES */
  --color-bg:        #F3F8F6;  /* المنت مدفوعاً نحو الأبيض */
  --color-surface:   #FFFFFF;
  --color-surface-2: #E8F0ED;
  --color-ink:       #10262A;  /* شبه أسود تركوازي — لا #000 صافياً */
  --color-ink-2:     #45585B;
  --color-line:      #D9E5E1;
  --color-accent:      var(--brand-accent);
  --color-accent-strong:#E24812;            /* حالة hover للزر الأساسي */
  --color-accent-ink:  #BC3A0D;             /* البرتقالي معتّماً للنص/الروابط على الفاتح */
  --color-on-accent:   #10262A;             /* الحبر على البرتقالي = 5.0:1 (الأبيض يسقط: 3.16) */
  --color-on-primary:  var(--brand-mint);   /* النص على التركوازي العميق = 8.0:1 */
  --color-on-primary-2:#9DBBB6;             /* نص ثانوي على الداكن */
  --color-line-dark:   rgba(206,225,219,.24);

  /* 3) TYPE — سلّم مرن */
  --font-ar: 'IBM Plex Sans Arabic','Segoe UI',Tahoma,sans-serif;
  --fs-xs:   clamp(.75rem,.72rem + .15vw,.8125rem);
  --fs-sm:   clamp(.875rem,.845rem + .15vw,.9375rem);
  --fs-base: clamp(1rem,.955rem + .25vw,1.0625rem);
  --fs-lg:   clamp(1.125rem,1.05rem + .4vw,1.25rem);
  --fs-xl:   clamp(1.3rem,1.16rem + .7vw,1.625rem);
  --fs-2xl:  clamp(1.7rem,1.38rem + 1.6vw,2.375rem);
  --fs-3xl:  clamp(2.35rem,1.75rem + 3vw,4.05rem);
  --lh-body: 1.85;             /* العربية تحتاج المساحة */
  --lh-head: 1.4;              /* الشدّة والضمّة في «مُلهمة» تحتاج ≥1.38 */

  /* 4) SPACE / LAYOUT */
  --sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;
  --sp-5:1.5rem;--sp-6:2rem;--sp-8:3rem;--sp-16:4rem;
  --section-y: clamp(3.5rem,2.4rem + 4.5vw,6.5rem);
  --container: 1200px;
  --header-h: 76px;

  /* 5) SHAPE / DEPTH — العمق من ظلال مطبّقة، لا حدود في كل مكان */
  --r-sm:6px;--r-md:10px;--r-lg:16px;--r-full:999px;
  --shadow-1: 0 1px 2px rgba(16,38,42,.05), 0 4px 14px rgba(16,38,42,.07);
  --shadow-2: 0 2px 5px rgba(16,38,42,.06), 0 16px 40px rgba(16,38,42,.13);

  /* 6) MOTION */
  --ease: cubic-bezier(.2,.6,.2,1);
  --dur-1:150ms;--dur-2:250ms;--dur-3:420ms;

  color-scheme: light;
}

/* ------------------------------------------------------------
   BASE
   ------------------------------------------------------------ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--font-ar);
  font-size:var(--fs-base);
  line-height:var(--lh-body);
  color:var(--color-ink);
  background:var(--color-bg);
  -webkit-font-smoothing:antialiased;
  /* لا letter-spacing على العربية إطلاقاً — يفكّك اتصال الحروف */
}
h1,h2,h3,h4{line-height:var(--lh-head);font-weight:700;color:var(--brand-primary);margin-block:0 var(--sp-3);overflow-wrap:break-word}
h1{font-size:var(--fs-3xl)}
h2{font-size:var(--fs-2xl)}
h3{font-size:var(--fs-xl)}
h4{font-size:var(--fs-lg)}
p{margin-block:0 var(--sp-4)}
img,svg,video{max-inline-size:100%;block-size:auto}
a{color:var(--color-accent-ink);text-decoration:none}
.container{inline-size:min(var(--container),100% - 2.5rem);margin-inline:auto}
.section{padding-block:var(--section-y)}
[id]{scroll-margin-block-start:calc(var(--header-h) + 16px)}

::selection{background:var(--brand-primary);color:var(--brand-mint)}
:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}
::-webkit-scrollbar{inline-size:10px;block-size:10px}
::-webkit-scrollbar-track{background:var(--color-bg)}
::-webkit-scrollbar-thumb{background:var(--color-line);border-radius:var(--r-full);border:2px solid var(--color-bg)}
::-webkit-scrollbar-thumb:hover{background:var(--color-ink-2)}
a,button{-webkit-tap-highlight-color:transparent}
[dir="ltr"],bdi{unicode-bidi:isolate}

.skip{position:fixed;inset-block-start:-100px;inset-inline-start:16px;z-index:200;background:var(--brand-primary);color:var(--brand-mint);padding:.6em 1.2em;border-radius:var(--r-md);transition:inset-block-start var(--dur-2) var(--ease)}
.skip:focus-visible{inset-block-start:12px}

/* أيقونات — sprite داخلي (assets/svg/icons.svg)، تلوين بـ currentColor */
.ic{inline-size:1.35em;block-size:1.35em;flex-shrink:0;display:inline-block;vertical-align:-.28em;overflow:visible}

/* سويتش الحركة العام — التخصيصات المكوّنية في site.css/admin.css */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}