/* ===== BizFlow design tokens =====
   لوحة "Graphite" أحادية اللون (monochrome): الخلفيات والأسطح والحدود والنصوص
   كلها رمادية محايدة بلا أي تدرّج لوني، واللون المميّز (accent) نفسه رمادي فاتح
   وليس لوناً مشبعاً. الألوان المشبّعة الوحيدة الباقية هي ألوان الحالة الدلالية
   (نجاح/تحذير/خطأ/معلومة) ولون علامة واتساب، لأنها تحمل معنى وظيفياً لا يصح
   تحييده. كل قيمة هنا قنوات RGB مجرّدة (بلا rgb()) حتى تتمكّن القواعد من إضافة
   قيمة alpha عبر rgb(var(--x-rgb)/.5)، وتوكنات rgb() الجاهزة أسفل الملف مشتقّة
   منها تلقائياً. */
:root{
  color-scheme:dark;
  --bg-rgb:10 10 11;
  --surface-rgb:20 20 22;
  --surface-2-rgb:28 28 31;
  --border-rgb:42 42 46;
  --accent-rgb:237 237 239;
  --accent-hover-rgb:255 255 255;
  --accent-strong-rgb:220 220 224;
  --accent-deep-rgb:161 161 168;
  --success-rgb:91 201 140;
  --danger-rgb:229 115 122;
  --warning-rgb:231 166 75;
  --fg-rgb:237 237 239;
  --fg-2-rgb:161 161 168;
  --fg-3-rgb:131 131 140;
  --info-rgb:140 165 220;
  /* لون علامة واتساب التجاري (#25D366) - ثابت بحكم كونه لون علامة، لا يتبع الثيم */
  --wa-green-rgb:37 211 102;
  --bg:rgb(var(--bg-rgb));
  --surface:rgb(var(--surface-rgb));
  --surface-2:rgb(var(--surface-2-rgb));
  --border:rgb(var(--border-rgb));
  --accent:rgb(var(--accent-rgb));
  --accent-hover:rgb(var(--accent-hover-rgb));
  --accent-strong:rgb(var(--accent-strong-rgb));
  --accent-deep:rgb(var(--accent-deep-rgb));
  --success:rgb(var(--success-rgb));
  --danger:rgb(var(--danger-rgb));
  --warning:rgb(var(--warning-rgb));
  --fg:rgb(var(--fg-rgb));
  --fg-2:rgb(var(--fg-2-rgb));
  --fg-3:rgb(var(--fg-3-rgb));
  --info:rgb(var(--info-rgb));
  --wa-green:rgb(var(--wa-green-rgb));
}
::selection{background:rgb(var(--accent-rgb)/.3);color:#fff}
:focus-visible{outline:2px solid rgb(var(--accent-rgb)/.75);outline-offset:2px}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
:lang(ar) [class*="tracking-"]{letter-spacing:0!important}
:root{
  --fs-display:clamp(2.75rem,1.9rem + 3.6vw,4.75rem);
  --fs-title:clamp(1.875rem,1.5rem + 1.6vw,2.75rem);
  --fs-heading:1.5rem;
  --fs-lead:1.25rem;
  --fs-body:1rem;
  --fs-small:.875rem;
  --fs-caption:.75rem;
  --lh-display:1.02;
  --lh-title:1.1;
  --lh-heading:1.3;
  --lh-lead:1.5;
  --lh-body:1.6;
  --tracking-display:-.035em;
  --tracking-title:-.02em;
  --fw-regular:400;
  --fw-medium:500;
  --fw-semibold:600;
  --dur-1:150ms;
  --dur-2:240ms;
  --dur-3:400ms;
  --ease:cubic-bezier(.16,1,.3,1);
  --radius-sm:6px;
  --radius-md:8px;
  --radius-lg:12px;
  --radius-xl:16px;
  --container:75rem;
}
html:lang(ar){
  --lh-display:1.22;
  --lh-title:1.35;
  --lh-heading:1.5;
  --lh-lead:1.7;
  --lh-body:1.8;
  --tracking-display:0;
  --tracking-title:0;
}