@charset "UTF-8";
/* ════════════════════════════════════════════════════════════════════════════
 * 97-alula-skin.css — قشرة «العلا» لصفحة البوّابة (إضافية · آخر طبقة · قابلة للحذف)
 * ────────────────────────────────────────────────────────────────────────────
 * 🏜️ [العلا للبوّابة 2026-07-01]
 * تحوّل واجهة البوّابة (landing.html · body.lp-gateway) من البنفسجي إلى العلا
 * الذهبي — لأنها «الواجهة الأساسية» ونقطة الدخول (تطابق الثيم الافتراضي الجديد).
 *
 * تُحمَّل بعد كل طبقات landing (خصوصاً 95-cinematic-cosmos و93-gateway-hero و20-scifi)
 * فتتغلّب بالترتيب + التخصّص. معظم الإكسسوار يشتقّ من --primary/--halo/--homepage-*
 * فيتلوّن تلقائياً؛ ونتجاوز صراحةً ما كُتب بلون بنفسجي حرفي (كرة البوّابة + خلفية body).
 *
 * المسارات نسبية لمجلد هذا الملف (assets/landing/css/) ⇒ «../../cinematic/…».
 * للإزالة: احذف هذا الـ link + الملف ⇒ ترجع البوّابة بنفسجية.
 * ════════════════════════════════════════════════════════════════════════════ */

/* ─── (1) توكنات العلا (تتغلّب على body.lp-gateway في 95-cinematic-cosmos + 93) ─── */
body.lp-gateway {
  --primary:       #e0a85b;
  --primary-hi:    #f0c07e;
  --primary-hover: #c8893b;
  --primary-deep:  #c8893b;
  --logo-color:    #ffffff;
  /* --halo/--halo-soft مكتوبان بلون حرفي في 95 (لا var) ⇒ نعيد تعريفهما بالعنبري */
  --halo:          color-mix(in oklab, #e0a85b 35%, transparent);
  --halo-soft:     color-mix(in oklab, #e0a85b 18%, transparent);
  /* توكنات sci-fi (20-scifi-polish + 93-gateway-hero) */
  --homepage-primary:  #e0a85b;
  --homepage-electric: #e0a85b;
  --homepage-violet:   #e0a85b;
  --homepage-sky:      #f0d6ab;
  /* نصوص دافئة (كانت لافندرية) */
  --text-1:        #f6efe0;
}

/* خلفية الصفحة — قاع دافئ + توهّج عنبري (كان بنفسجي #0c0618) */
body.lp-gateway {
  background:
    radial-gradient(80% 60% at 50% 120%, rgba(224,168,91,0.12), transparent 60%),
    radial-gradient(56% 48% at 88% 118%, rgba(200,137,59,0.07), transparent 60%),
    #0e0a05 !important;
  background-attachment: fixed;
}

/* ─── (2) خلفية العلا بدل المعبد البنفسجي (.cine-cosmos المشتركة) ─── */
.cine-cosmos {
  background-color: #0e0a05 !important;
  background-image:
    image-set(url("../../cinematic/cosmos-alula-wide.webp") type("image/webp"),
              url("../../cinematic/cosmos-alula-wide.jpg")  type("image/jpeg")) !important;
}
@media (orientation: portrait) {
  .cine-cosmos {
    background-image:
      image-set(url("../../cinematic/cosmos-alula-tall.webp") type("image/webp"),
                url("../../cinematic/cosmos-alula-tall.jpg")  type("image/jpeg")) !important;
  }
}
/* الأورورا السماوية من الأسفل → توهّج عنبري */
.cine-aurora {
  background: radial-gradient(58% 80% at 50% 100%, rgba(224,168,91,0.22), transparent 70%) !important;
}

/* ─── (3) كرة البوّابة — تدرّج بنفسجي حرفي في 95 (تجاوز بـ !important) ─── */
body.lp-gateway .lp-portal-core {
  background:
    radial-gradient(circle at 30% 28%,
      #fff3e0 0%,      /* بريق علوي شبه أبيض (مصدر الضوء) */
      #f6d9a8 24%,     /* رملي فاتح */
      #e0a85b 58%,     /* ذهب العلا (جسم الكرة) */
      #c8893b 100%)    /* برونز عميق (الظل السفلي) */
    !important;
  box-shadow:
    inset 0 4px 18px rgba(255,255,255,0.30),
    inset 0 -12px 28px rgba(110,61,26,0.42),
    0 0 60px var(--halo),
    0 0 120px var(--halo-soft) !important;
}