:root{
  /* Brand — Official Bareeq (Green) */
  --brand-700:#0B5A1E;   /* الطرف الغامق من الجراديانت */
  --brand-600:#0EDC3A;   /* الأخضر الفاتح في الجراديانت */
  --brand-500:#B5FF3C;   /* لون زر "ابدأ الآن" */
  --brand-400:#C9FF6A;   /* لايم أفتح شوية */
  --brand-100:#E8FFD6;   /* فاتح بدون أبيض صريح */
  --brand:var(--brand-600);
  --brand-ink:#0B3010;   /* نص غامق فوق الزر اللايم */

  /* الخلفيات زي الصورة */
  --bg:#0B5A1E;          /* أخضر غامق */
  --fg:#E9FFE5;          /* نص العنوان "منصة بريق" */
  --soft:#0E6423;
  --panel:#11802A;
  --line:rgba(0,0,0,0.18);
  --muted:#9BC6A1;       /* النص الرمادي المخضر */

  /* الهيرو = نفس الجراديانت */
  --hero-bg:linear-gradient(135deg,#0B5A1E,#0EDC3A);
  --hero-fg:#E9FFE5;

  /* Chips */
  --chip:rgba(232,255,214,.06);
  --chip-stroke:rgba(232,255,214,.20);

  /* Effects */
  --shadow:0 10px 30px rgba(0,0,0,.35);
  --elev-1:0 4px 12px rgba(0,0,0,.25);
  --elev-2:0 8px 20px rgba(0,0,0,.30);
  --elev-3:0 14px 28px rgba(0,0,0,.35);
  --focus:#B5FF3C;

  /* Radii */
  --radius:12px;
  --radius-lg:16px;
  --radius-xl:20px;
  --radius-sm:10px;

  /* Typography + Spacing */
  --font:"Tajawal",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --fs-12:12px; --fs-13:13px; --fs-14:14px; --fs-16:16px;
  --fw-regular:400; --fw-bold:700; --fw-extrabold:800; --fw-black:900;
  --sp-2:2px; --sp-4:4px; --sp-6:6px; --sp-8:8px; --sp-10:10px;
  --sp-12:12px; --sp-14:14px; --sp-16:16px; --sp-20:20px; --sp-24:24px;

  /* بديل الأبيض */
  --paper: var(--soft);
}

html{ color-scheme: dark }
body{
  background:var(--hero-bg);
  color:var(--fg);
  font-family:var(--font);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}