/* ═══════════════════════════════════════════════════════════════
   depth.css — العمق والحركة (PHI). القيم كلها في phi.css:
     العمق  --elev-1..4   (بطاقة · مرور · قائمة · نافذة)
     المدد  --dur-1..5    (89 · 144 · 232 · 376 · 608 ms = S(5..9))
     المنحنى --ease-standard / --ease-out / --ease-in
   هذا الملف يبقي أسماء الحركات القديمة التي تستعملها السكربتات والأقسام.
   نسخة واحدة: shared/depth.css ← admin/css/depth.css و site/depth.css
   ═══════════════════════════════════════════════════════════════ */
:root {
  --elev-k: 1;
  --dur-fly: var(--dur-5);
}

@keyframes depth-pop {
  from { opacity: 0; transform: translateY(var(--enter-shift)) scale(var(--press-scale)); }
  to   { opacity: 1; transform: none; }
}
@keyframes depth-bump {
  0%, 100% { transform: scale(1); }
  38.2%    { transform: scale(1.146); }
  61.8%    { transform: scale(.966); }
}

/* أثر ضغط قصير لأي زر يحمل الصنف */
.depth-press { transition: transform var(--dur-1) var(--ease-standard); }
.depth-press:active { transform: scale(var(--press-scale)); }
.depth-bump { animation: depth-bump var(--dur-5) var(--ease-out); }

@media (prefers-reduced-motion: reduce) {
  .depth-bump { animation: none; }
}