/* هوية «بكم؟» — الاتجاه المعتمد: ليل وليمون. المصدر الوحيد للألوان والخطوط. */
:root {
  /* الألوان */
  --bk-navy: #0B1D3A;        /* الأساسي: أزرار، روابط، عناوين، علامة الاستفهام */
  --bk-navy-dark: #061226;   /* ضغط الزر، التذييل */
  --bk-navy-soft: #162B52;   /* سطح داخل الداكن */
  --bk-lime: #D4F43C;        /* التمييز: نقطة البيت، أرقام العمولة، التحديد — تعبئة فقط، لا نص أبيض فوقه */
  --bk-lime-text: #4F6B00;   /* الليموني كنص على الفاتح (AA) */
  --bk-lime-bg: #F2FAD0;     /* شريحة فاتحة */
  --bk-tint: #E8ECF4;        /* خلفية الشرائح والزر الثانوي */
  --bk-tint-2: #B9C2D3;      /* حدود الحقول والنقاط غير النشطة: 3.1:1 على الأبيض (WCAG 1.4.11) */
  --bk-tint-3: #D2D9E6;      /* فواصل زخرفية فقط (ليست الحد الوحيد) */
  --bk-ground: #F6F7F9;      /* أرضية الصفحة */
  --bk-surface: #FFFFFF;
  --bk-border: #E2E5EB;
  --bk-ink: #0B1D3A;
  --bk-muted: #4A5568;
  --bk-success: #1A7F4B;  --bk-success-bg: #EAF6EF;  --bk-success-text: #14532D;
  --bk-danger: #B42318;   --bk-danger-bg: #FBEBEA;   --bk-danger-text: #7A1F18;
  --bk-wait-bg: #FFF1CC;  --bk-wait-text: #7C4A03;
  --bk-star: #D98E00;     /* نجمة التقييم المعبّأة: 3.1:1 على الأبيض */

  /* الخطوط */
  --bk-font-head: 'Noto Kufi Arabic', sans-serif;      /* العناوين والأزرار والأرقام الكبيرة */
  --bk-font-body: 'IBM Plex Sans Arabic', sans-serif;  /* نص الواجهة */
  --bk-font-legal: 'Noto Naskh Arabic', serif;         /* الاتفاقية والشروط والخصوصية فقط */

  /* الأشكال والحركة */
  --bk-radius: 12px; --bk-radius-lg: 16px; --bk-radius-xl: 22px;
  --bk-motion: 180ms ease;   /* 150–250 مللي ثانية فقط */
  --bk-touch: 44px;

  /* سلّم الخط (6 درجات + البطل) — تستخدمه التطبيقات الثلاثة بدل قيم مضمّنة */
  --bk-fs-xs: 12px; --bk-fs-sm: 13px; --bk-fs-md: 15px; --bk-fs-lg: 17px; --bk-fs-xl: 22px; --bk-fs-2xl: 26px; --bk-fs-hero: 40px;
  /* المسافات على شبكة 4 نقاط */
  --bk-sp-1: 4px; --bk-sp-2: 8px; --bk-sp-3: 12px; --bk-sp-4: 16px; --bk-sp-5: 24px; --bk-sp-6: 32px;
}