/* =========================================================
   منصة اللبان العُماني — رموز التصميم
   الإصدار 2.0 · سبتمبر 2026
   ملاحظة: الاسم القانوني والعلامة مؤقتان لحين الاعتماد الرسمي
   ========================================================= */
:root{
  --font-heading:"Noto Naskh Arabic",serif;
  --font-body:"Noto Sans Arabic",system-ui,sans-serif;

  --ink-900:#0B0A09; --ink-800:#14110D; --ink-700:#1C1917;
  --ink-600:#2A2521; --ink-500:#44403C;

  --resin-600:#8A5A12; --resin-500:#A16207; --resin-400:#C98F27;
  --resin-300:#E3AE45; --resin-200:#F0C766; --resin-100:#F7E3B4;

  --sage-600:#55613F; --sage-500:#5B6B4A; --sage-400:#7C8B66;
  --sage-300:#A3AE90; --sage-100:#E4E8DC;

  --sand-500:#D9C9AE; --sand-400:#E7DCCB; --sand-300:#F3E9DA;
  --sand-200:#FBF7F0; --paper:#FFFFFF;

  --success:#2F6F52; --warning:#B4761A; --danger:#B3322C; --info:#3E5F73;

  --bg:var(--sand-200); --surface:var(--paper); --surface-muted:var(--sand-300);
  --border:#E1D6C4; --text:var(--ink-700); --text-muted:#6B6259;
  --accent:var(--resin-500); --accent-strong:var(--resin-600); --on-accent:#fff;

  --r-sm:8px; --r-md:14px; --r-lg:20px; --r-xl:28px; --r-pill:999px;
  --shadow-1:0 1px 2px rgba(28,25,23,.06);
  --shadow-2:0 6px 20px rgba(28,25,23,.08);
  --shadow-3:0 18px 48px rgba(28,25,23,.14);

  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:72px;
  --dur-fast:150ms; --dur-base:240ms; --dur-slow:420ms;
  --ease:cubic-bezier(.22,.61,.36,1);
}

[data-theme="dark"]{
  --bg:var(--ink-900); --surface:rgba(255,255,255,.045);
  --surface-muted:rgba(255,255,255,.07); --border:rgba(255,255,255,.10);
  --text:#F5EFE4; --text-muted:#B9AF9F;
  --accent:var(--resin-300); --accent-strong:var(--resin-200); --on-accent:var(--ink-900);
}

/* — الخلفيات الثماني (ملفات متجهية أصلية للمشروع) — */
.bg-hero-night{background:url("./bg/bg-01-hero-night.svg") center/cover no-repeat,var(--ink-900)}
.bg-hero-sand{background:url("./bg/bg-02-hero-sand.svg") center/cover no-repeat,var(--sand-200)}
.bg-resin-pattern{background:url("./bg/bg-03-resin-pattern.svg") repeat,var(--ink-900)}
.bg-wadi-topo{background:url("./bg/bg-04-wadi-topography.svg") center/cover no-repeat,var(--sand-200)}
.bg-glass-mesh{background:url("./bg/bg-05-glass-mesh.svg") center/cover no-repeat,var(--ink-900)}
.bg-b2b-header{background:url("./bg/bg-06-b2b-header.svg") center/cover no-repeat,var(--ink-800)}
.bg-app-portrait{background:url("./bg/bg-07-app-portrait.svg") center/cover no-repeat,var(--ink-900)}
.bg-investor{background:url("./bg/bg-08-investor-lines.svg") center/cover no-repeat,var(--ink-900)}

@media (prefers-reduced-motion:reduce){
  *{transition-duration:1ms !important;animation-duration:1ms !important}
}