/* هوية Olloo — مصدر الألوان والخطوط الوحيد لكل شاشات AISLO.
   القيم منسوخة حرفياً من BRAND.md بـ SERVA (الهوية المشتركة لـ SERVA وTavu).
   أي شاشة بتستعمل التوكنات هون، وما في لون مكتوب مباشرة بأي ملف تاني.
   القاعدة: الكريمي أرضية، الأبيض بطاقة فوقها، والبترولي هو لون العلامة الوحيد. */

@font-face{font-family:"Vazirmatn";src:url(../fonts/vazirmatn-arabic-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:"Vazirmatn";src:url(../fonts/vazirmatn-arabic-500-normal.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:"Vazirmatn";src:url(../fonts/vazirmatn-arabic-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:"Vazirmatn";src:url(../fonts/vazirmatn-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-024F,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Vazirmatn";src:url(../fonts/vazirmatn-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0000-024F,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Vazirmatn";src:url(../fonts/vazirmatn-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-024F,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Hanken Grotesk";src:url(../fonts/hanken-grotesk-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  /* الأرضيات والخطوط */
  --bg:#F6F3EC;            /* الكريمي — خلفية الشاشة */
  --surface:#FFFFFF;       /* البطاقات والجداول والنوافذ */
  --surface-2:#FAF8F3;     /* رأس الجدول، تمرير الماوس */
  --surface-3:#EFEBE1;     /* خلفية أعمق داخل بطاقة */
  --surface-sunken:#E9E4D8;/* حقل غائر */
  --border:#E1DCCE;
  --border-soft:#EBE7DC;
  --border-strong:#CDC6B4;

  /* النص */
  --text:#1A2522;          /* 14.2:1 على الكريمي */
  --text-muted:#5B7570;    /* 4.5:1 على الكريمي */
  --text-faint:#7F8E89;    /* للتلميحات فقط، مش لنص بينقرا */

  /* البترولي — لون العلامة */
  --accent:#163832;        /* الزر الأساسي (نص أبيض عليه 12.8:1) */
  --accent-hover:#102B26;
  --accent-active:#0B1F1B;
  --accent-weak:#E9EFEC;   /* عنصر محدّد */
  --accent-weak-2:#D5E1DC;
  --accent-border:#B5C8C1;
  --on-accent:#FFFFFF;
  --rail-bg:#163832;       /* الشريط الجانبي وشاشة الدخول */

  /* المرجاني — لون تمييز وحيد، بقلّة (شارة «جديد» مثلاً) */
  --coral:#E1573B;

  /* ألوان الحالة — نظام منفصل عن العلامة، ما بتحل محل البترولي */
  --ok:#1F7A4D;    --ok-weak:#E4F3EA;
  --warn:#9A6200;  --warn-weak:#FBF0D9;
  --danger:#B42318;--danger-weak:#FBE7E5;

  /* الظلال */
  --scrim:rgba(15,22,20,.45);   /* خلفية النوافذ المنبثقة */
  --shadow-sm:0 1px 2px rgba(22,56,50,.10);
  --shadow:0 24px 60px -28px rgba(22,56,50,.35); /* نفس ظل موقع Olloo */

  /* الشكل */
  --radius-lg:22px; --radius:16px; --radius-sm:12px;
  --tap:48px;              /* أصغر هدف ضغط مسموح */
  --tap-lg:64px;           /* أزرار الكاشير الأساسية (دفع، تم) */
  --font:"Vazirmatn",system-ui,sans-serif;
  --font-brand:"Hanken Grotesk","Vazirmatn",sans-serif; /* لكلمة AISLO بس */
}

/* الداكن: الأرضية والبطاقة ودرجات البترولي من BRAND.md (Tavu)؛ باقي الدرجات
   (الحدود والنص والسطوح الوسطى) مشتقة منها ومؤقتة لحد ما تنراجع على الشاشة. */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0F1614; --surface:#18221F; --surface-2:#1D2926; --surface-3:#22302C;
    --surface-sunken:#121B19; --border:#2A3834; --border-soft:#223029; --border-strong:#3A4B46;
    --text:#E8EEEC; --text-muted:#A3B5B0; --text-faint:#7F8E89;
    --accent:#23665A; --accent-hover:#2A7568; --accent-active:#1E5A4F;
    --accent-weak:#1B2E2A; --accent-weak-2:#21403A; --accent-border:#2F5A51;
    --rail-bg:#132F2A;
  }
}
:root[data-theme="dark"]{
  --bg:#0F1614; --surface:#18221F; --surface-2:#1D2926; --surface-3:#22302C;
  --surface-sunken:#121B19; --border:#2A3834; --border-soft:#223029; --border-strong:#3A4B46;
  --text:#E8EEEC; --text-muted:#A3B5B0; --text-faint:#7F8E89;
  --accent:#23665A; --accent-hover:#2A7568; --accent-active:#1E5A4F;
  --accent-weak:#1B2E2A; --accent-weak-2:#21403A; --accent-border:#2F5A51;
  --rail-bg:#132F2A;
}

html{direction:rtl}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);
  font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
.wordmark{font-family:var(--font-brand);font-weight:700;letter-spacing:.06em}
/* الأرقام (أسعار، كميات، باركود) بأرقام لاتينية متساوية العرض حتى ما ترقص الأعمدة */
.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}