/* ============================================================
   Kheiri Lab — Elevation (shadows) & motion tokens
   ------------------------------------------------------------
   Shadows are soft and WARM-tinted (never neutral grey/black) so
   raised surfaces feel like paper, not glass. Low, diffuse.
   ============================================================ */

:root {
  /* ---- Shadows (warm-tinted) ---- */
  --shadow-xs:  0 1px 2px rgba(58, 42, 30, 0.05);
  --shadow-sm:  0 1px 2px rgba(58, 42, 30, 0.06),
                0 2px 6px rgba(58, 42, 30, 0.05);
  --shadow-md:  0 2px 4px rgba(58, 42, 30, 0.05),
                0 6px 16px rgba(58, 42, 30, 0.07);
  --shadow-lg:  0 4px 8px rgba(58, 42, 30, 0.05),
                0 16px 40px rgba(58, 42, 30, 0.10);
  --shadow-xl:  0 8px 16px rgba(58, 42, 30, 0.07),
                0 32px 64px rgba(58, 42, 30, 0.14);

  /* Inset for inputs / wells */
  --shadow-inset: inset 0 1px 2px rgba(58, 42, 30, 0.06);

  /* Accent glow (sparingly — focus, active hero CTA) */
  --shadow-accent: 0 6px 20px rgba(194, 74, 56, 0.22);

  /* ---- Motion ---- */
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1);   /* @kind other */
  --ease-in-out:cubic-bezier(0.65, 0, 0.35, 1);   /* @kind other */
  --ease-soft:  cubic-bezier(0.33, 0, 0.2, 1);    /* @kind other */

  --dur-fast:   120ms;  /* @kind other */
  --dur-base:   200ms;  /* @kind other */
  --dur-slow:   360ms;  /* @kind other */
  --dur-slower: 600ms;  /* @kind other */
}