/* ملهمون — الأساسيات: الألوان، الخطوط، الأزرار، العناصر العامة */
:root{
  --bg:#ffffff; --fg:#000000; --muted:#5b554e; --line:#e7e0d7; --surface:#f6f1ea;
  --green:#00e176; --orange:#e25f2b; --blue:#206aed; --beige:#e8dcce; --yellow:#fbb425; --purple:#946aca;
  --font-head:"BrandHead","Noto Naskh Arabic",Tahoma,serif;
  --font-body:var(--font-head);
  --logo:url("/assets/img/logo.webp");
  --wrap:1200px;
  color-scheme:light; box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){ --bg:#000000; --fg:#ffffff; --muted:#b8b0a6; --line:#2b2824; --surface:#151311; color-scheme:dark; }
}
:root[data-theme="dark"]{ --bg:#000000; --fg:#ffffff; --muted:#b8b0a6; --line:#2b2824; --surface:#151311; color-scheme:dark; }
*,*::before,*::after{box-sizing:border-box}
html{height:100%;scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 84px)}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:17.5px;line-height:1.85;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:40;background:var(--bg)}
img{max-width:100%;display:block}
a{color:inherit}
button,input,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}
.wrap{width:min(var(--wrap),100% - 40px);margin-inline:auto}
h1,h2,h3{font-family:var(--font-head);font-weight:700;line-height:1.3;margin:0}
p{margin:0 0 1em}
[hidden]{display:none!important}

.logo{display:inline-block;background:currentColor;-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat;aspect-ratio:1040/394;height:40px;flex:none}
.pill{display:inline-flex;align-items:center;border-radius:999px;padding:.16em .9em .26em;font-family:var(--font-head);font-weight:500;line-height:1.45;white-space:nowrap}
.pill-outline{background:transparent;border:1.5px solid currentColor}
.pill-sm{font-family:var(--font-body);font-weight:500;font-size:13px;padding:.2em .85em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 26px;font-weight:700;font-size:16px;text-decoration:none;border:2px solid transparent;cursor:pointer;line-height:1.3;background:none}
.btn-primary{background:var(--green);color:#000}
.btn-primary:hover{filter:brightness(.94)}
.btn-ghost{border-color:currentColor}
.btn-dark{background:#000;color:#fff}
.btn-sm{padding:8px 18px;font-size:14.5px}
.linkish{background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer}