/* ================================================================
   CAPONDEL – Animation Design Tokens  v1.0
   المصدر الوحيد للحقيقة لكل الحركات في الموقع
   ⚠️ ممنوع تعديل أي قيمة إلا هنا
   ================================================================ */

:root {
    /* ==================== ⏱️ DURATIONS ==================== */
    /* نظام موحّد للسرعات - Luxury feel */
    --dur-instant:  150ms;   /* micro feedback */
    --dur-fast:     250ms;   /* hovers, small UI */
    --dur-base:     400ms;   /* cards, toasts, modals */
    --dur-slow:     700ms;   /* reveals, image blur */
    --dur-slower:   900ms;   /* hero, headings */
    --dur-cinema:   1200ms;  /* dramatic entrances */
    --dur-ambient:  6000ms;  /* glow, orbs */
    --dur-kenburns: 20s;     /* bg zoom */

    /* ==================== 🎢 EASINGS ==================== */
    --ease-out:     cubic-bezier(0.22, 1, 0.36, 1);      /* smooth exit (main) */
    --ease-in:      cubic-bezier(0.55, 0, 1, 0.45);      /* smooth enter */
    --ease-in-out:  cubic-bezier(0.65, 0, 0.35, 1);      /* ping-pong */
    --ease-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);   /* overshoot (buttons) */
    --ease-smooth:  cubic-bezier(0.4, 0, 0.2, 1);        /* material standard */
    --ease-luxury:  cubic-bezier(0.16, 1, 0.3, 1);       /* brand signature */

    /* ==================== 📏 DISTANCES ==================== */
    --lift-xs:  4px;
    --lift-sm:  8px;
    --lift-md:  16px;
    --lift-lg:  24px;
    --lift-xl:  40px;

    /* ==================== 🎬 STAGGER ==================== */
    --stagger-tight: 60ms;   /* chars */
    --stagger-snug:  100ms;  /* words */
    --stagger-loose: 150ms;  /* hero items */
    --stagger-wide:  200ms;  /* grid cards */

    /* ==================== 🎯 COMMON COMBOS ==================== */
    /* استخدمها مباشرة في transition */
    --motion-hover:    var(--dur-fast) var(--ease-spring);
    --motion-reveal:   var(--dur-slow) var(--ease-out);
    --motion-cinema:   var(--dur-slower) var(--ease-out);
    --motion-press:    120ms var(--ease-out);
}