/* Moneeb-e — design tokens (dark default + light theme) */
/* ========== DESIGN SYSTEM ========== */
@property --n { syntax: '<integer>'; inherits: false; initial-value: 0; }
body{margin:0}
.mb{
  --bg:#090F20; --bg-2:#0D1530; --surface:rgba(244,236,212,.035); --surface-2:rgba(244,236,212,.065);
  --line:rgba(244,236,212,.10); --line-2:rgba(244,236,212,.20);
  --text:#F4EEDC; --muted:#AEB4C6; --faint:#7F879E;
  --gold:#D9BC52; --gold-2:#F1DE93; --gem:#D3B548; --olive:#6F611D; --on-gold:#0B1124; --navy:#1B2A55;
  --glow:rgba(217,188,82,.16); --glow-2:rgba(70,98,190,.20);
  --shadow:0 30px 80px -30px rgba(0,0,0,.65);
  --f-display:'Readex Pro','IBM Plex Sans Arabic',system-ui,sans-serif;
  --f-body:'IBM Plex Sans Arabic','Readex Pro',system-ui,sans-serif;
  --f-latin:'Montserrat','Readex Pro',system-ui,sans-serif;
  --t-hero:clamp(3rem,7.4vw,7.25rem); --t-h2:clamp(2.1rem,4.4vw,4rem); --t-h3:clamp(1.25rem,1.8vw,1.6rem);
  --t-lead:clamp(1.08rem,1.35vw,1.3rem); --t-body:1.02rem; --t-small:.86rem; --t-micro:.74rem;
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --s-10:144px;
  --r-1:6px; --r-2:12px; --r-3:20px; --r-pill:999px;
  --ease:cubic-bezier(.22,1,.36,1); --ease-in-out:cubic-bezier(.65,0,.35,1);
  --d-fast:180ms; --d-mid:280ms; --d-slow:700ms;
  --wrap:1240px; --gutter:clamp(16px,4vw,56px);
  background:var(--bg); color:var(--text); font-family:var(--f-body); font-size:var(--t-body); line-height:1.75;
  -webkit-font-smoothing:antialiased; position:relative; overflow-x:clip; transition:background-color var(--d-mid) var(--ease), color var(--d-mid) var(--ease);
}
.mb[data-theme="light"]{
  --bg:#FBF8EF; --bg-2:#F4EEDB; --surface:#FFFFFF; --surface-2:#F6F0DD;
  --line:rgba(18,29,69,.10); --line-2:rgba(18,29,69,.20);
  --text:#121D45; --muted:#4A5272; --faint:#6B7290;
  --gold:#7E6914; --gold-2:#9A821F; --gem:#C4A535; --olive:#6F611D; --on-gold:#FFFFFF; --navy:#1B2A55;
  --glow:rgba(201,174,58,.20); --glow-2:rgba(27,42,85,.08);
  --shadow:0 30px 70px -36px rgba(18,29,69,.35);
}