/* پالت کرم و قهوه‌ای — قابل تغییر از تنظیمات پنل */
:root{
  --cream:#FAF5EC; --cream-2:#F1E7D6; --sand:#E3D2B8;
  --caramel:#B98A56; --brown:#8B5E3C; --espresso:#4A2F1E; --ink:#2B1D14;
  --surface:#FFFDF8; --line:rgba(74,47,30,.14); --danger:#B3402B; --ok:#4F7A4A;
  --radius:16px; --shadow:0 10px 30px -12px rgba(74,47,30,.35);
  --font:'Vazirmatn',Tahoma,sans-serif;
  --safe-b:env(safe-area-inset-bottom,0px); --safe-t:env(safe-area-inset-top,0px);
}
*{box-sizing:border-box} html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font);line-height:1.8;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
.btn{min-height:44px;padding:0 22px;border:0;border-radius:999px;background:var(--espresso);color:var(--cream);font:inherit;font-weight:600;cursor:pointer;transition:transform .2s,background .2s}
.btn:hover{background:var(--brown)} .btn:active{transform:scale(.97)}
.btn--ghost{background:transparent;color:var(--espresso);border:1.5px solid var(--espresso)}
.card3d{perspective:900px}
.card3d>.inner{transform-style:preserve-3d;transition:transform .25s ease-out;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}