/* ============================================================
   00 — TOKENS
   المصدر الوحيد للحقيقة. لا لون ولا وزن ولا مسافة خارج هذا الملف.
   ============================================================ */

:root{
  color-scheme:light dark;

  /* ---- الخط ---- */
  --ibn-font:system-ui,-apple-system,"SF Arabic",BlinkMacSystemFont,"Segoe UI","Noto Naskh Arabic",Tahoma,Arial,sans-serif;

  /* ---- الأوزان (قيم قياسية فقط: 400/500/600/700/800) ---- */
  --ibn-w-body:500;      /* اجعله 700 لو أردت العودة لنص المتن الغامق */
  --ibn-w-medium:600;
  --ibn-w-strong:700;
  --ibn-w-title:800;

  /* ---- الألوان الأساسية ---- */
  --ibn-bg:#f3ead9;
  --ibn-bg-2:#ead8b9;
  --ibn-ink:#101827;
  --ibn-muted:#59677a;
  --ibn-blue:#062a56;
  --ibn-blue-2:#0b3e7a;
  --ibn-blue-3:#0f5bb5;
  --ibn-gold:#b8871f;
  --ibn-gold-2:#d9ae45;
  --ibn-gold-3:#f1d27c;
  --ibn-white:#fffaf0;
  --ibn-on-dark:#fff8e8;

  /* ---- الأسطح الزجاجية ---- */
  --ibn-glass:rgba(255,250,240,.66);
  --ibn-glass-strong:rgba(255,250,240,.78);
  --ibn-glass-dark:rgba(6,31,63,.72);

  /* خلفية السطح الافتراضية (تُعاد كتابتها لكل مكوّن) */
  --ibn-surface:linear-gradient(145deg,rgba(255,250,240,.74),rgba(255,255,255,.46));
  --ibn-surface-nav:linear-gradient(145deg,rgba(6,42,86,.90),rgba(7,24,44,.82));
  --ibn-surface-pill:linear-gradient(135deg,rgba(3,22,46,.90),rgba(7,48,96,.86));

  /* بريق السطح — بدون mix-blend-mode. شفافية منخفضة تحفظ التباين. */
  --ibn-sheen:linear-gradient(120deg,rgba(255,255,255,.20),rgba(255,255,255,0) 42%);
  --ibn-hairline:rgba(255,255,255,.16);

  --ibn-blur:18px;
  --ibn-blur-strong:20px;

  /* ---- الحدود والظلال ---- */
  --ibn-border:rgba(184,135,31,.32);
  --ibn-border-strong:rgba(217,174,69,.56);
  --ibn-shadow:0 18px 46px rgba(37,26,8,.13);
  --ibn-shadow-soft:0 10px 26px rgba(37,26,8,.10);

  /* ---- الأنصاف والقياسات ---- */
  --ibn-radius-xl:30px;
  --ibn-radius:22px;
  --ibn-radius-sm:16px;
  --ibn-radius-pill:999px;
  --ibn-max:1360px;
  --ibn-article:980px;
  --ibn-gutter:16px;
  --ibn-gap:22px;
  --ibn-side:340px;

  /* ---- الحركة ---- */
  --ibn-ease:.18s ease;

  /* ---- طبقات z ---- */
  --ibn-z-surface:0;
  --ibn-z-content:1;
  --ibn-z-modal:9999;
}

@media (prefers-color-scheme:dark){
  :root{
    --ibn-bg:#04101f;
    --ibn-bg-2:#07182c;
    --ibn-ink:#fff6e6;
    --ibn-muted:#c5d0dd;
    --ibn-blue:#061f42;
    --ibn-blue-2:#0a376e;
    --ibn-blue-3:#1d6ed0;
    --ibn-gold:#c99a2d;
    --ibn-gold-2:#e4bd5c;
    --ibn-gold-3:#ffe08a;
    --ibn-white:#fff8e8;

    --ibn-glass:rgba(9,34,67,.62);
    --ibn-glass-strong:rgba(10,42,83,.76);
    --ibn-glass-dark:rgba(4,18,36,.78);

    --ibn-surface:linear-gradient(145deg,rgba(9,34,67,.76),rgba(4,18,36,.62));
    --ibn-surface-nav:linear-gradient(145deg,rgba(7,32,64,.92),rgba(4,16,30,.86));
    --ibn-surface-pill:linear-gradient(135deg,rgba(4,20,42,.92),rgba(8,44,88,.88));

    --ibn-sheen:linear-gradient(120deg,rgba(255,255,255,.07),rgba(255,255,255,0) 44%);
    --ibn-hairline:rgba(255,255,255,.10);

    --ibn-border:rgba(228,189,92,.34);
    --ibn-border-strong:rgba(228,189,92,.58);
    --ibn-shadow:0 22px 56px rgba(0,0,0,.34);
    --ibn-shadow-soft:0 12px 30px rgba(0,0,0,.24);
  }
}