/* ============================================================
   Tanvir Creates — Elevation & Motion
   Shadows are soft and low-contrast (premium, not heavy).
   Motion is subtle: fade + slide-up only. Respect reduced-motion.
   ============================================================ */

:root {
  /* Soft, warm-neutral shadows */
  --shadow-xs: 0 1px 2px rgba(1, 0, 48, 0.05);
  --shadow-sm: 0 2px 8px rgba(1, 0, 48, 0.07);
  --shadow-md: 0 8px 24px rgba(1, 0, 48, 0.10);
  --shadow-lg: 0 20px 48px rgba(1, 0, 48, 0.14);
  --shadow-focus: 0 0 0 3px rgba(4, 0, 85, 0.35);

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --duration-fast: 140ms; /* @kind other */
  --duration-base: 240ms; /* @kind other */
  --duration-slow: 480ms; /* @kind other */

  /* Reveal-on-scroll defaults */
  --reveal-distance: 16px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 1ms; /* @kind other */
    --duration-base: 1ms; /* @kind other */
    --duration-slow: 1ms; /* @kind other */
    --reveal-distance: 0px;
  }
}