/* ═══════════════════════════════════════════════════════════
   Brandify — أساس التصميم المشترك (طلب المالك 2026-11-05: أسلوب أبل للنظام كامل)
   رمادي أبل الفاتح وأسطح بيضاء، أو الأسود والرمادي الداكن لو الجهاز على الوضع الليلي.
   نفس أسماء الألوان اللي تستعملها فونتكس والميديا والمالية، فيتحمّل بعد ملف كل قسم ويغيّر الأسطح والنص بس.
   لون كل قسم (برتقالي الميديا، أخضر فونتكس، أزرق المالية) يبقى في ملف القسم نفسه.
   ═══════════════════════════════════════════════════════════ */
:root {
  --bg: #F5F5F7;
  --rail: #FBFBFD;
  --panel: #FFFFFF;
  --panel-2: #F2F2F5;
  --sunken: #F2F2F5;
  --line: rgba(0, 0, 0, 0.08);
  --line-2: rgba(0, 0, 0, 0.16);
  --text: #1D1D1F;
  --dim: #515154;
  --faint: #6E6E73;
  --scrim: rgba(0, 0, 0, 0.32);
  --float-shadow: 0 18px 50px -18px rgba(0, 0, 0, 0.35);

  /* خط أبل على أجهزة أبل (SF Arabic)، و IBM Plex Sans Arabic في باقي الأجهزة */
  --display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Arabic", "IBM Plex Sans Arabic", system-ui, sans-serif;
  --body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Arabic", "IBM Plex Sans Arabic", system-ui, sans-serif;
  --ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --r-lg: 22px;
  --r-md: 14px;
  --r-sm: 10px;
}
html { color-scheme: light; }

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #000000;
    --rail: #121214;
    --panel: #1C1C1E;
    --panel-2: #2C2C2E;
    --sunken: #2C2C2E;
    --line: rgba(255, 255, 255, 0.09);
    --line-2: rgba(255, 255, 255, 0.18);
    --text: #F5F5F7;
    --dim: #AEAEB2;
    --faint: #8E8E93;
    --scrim: rgba(0, 0, 0, 0.6);
    --float-shadow: 0 18px 50px -18px rgba(0, 0, 0, 0.9);
  }
  html { color-scheme: dark; }
}

body { letter-spacing: -0.003em; }
h1, h2, h3 { letter-spacing: -0.015em; }

/* بطاقات أبل: سطح أبيض على رمادي بدون إطار (الميديا وفونتكس يستعملوا .panel) */
.panel { border-color: transparent; }