/* ============================================================
   Belvest Family Wealth — Elevation & Motion Tokens
   Shadows are low, warm, and diffuse — presence without noise.
   Motion is calm and deliberate; nothing bounces.
   ============================================================ */

:root {
  /* Warm-tinted shadows (brown-black, never pure #000) */
  --shadow-xs:  0 1px 2px rgba(28, 15, 5, 0.06);
  --shadow-sm:  0 1px 3px rgba(28, 15, 5, 0.07), 0 1px 2px rgba(28, 15, 5, 0.05);
  --shadow-md:  0 4px 12px rgba(28, 15, 5, 0.08), 0 2px 4px rgba(28, 15, 5, 0.05);
  --shadow-lg:  0 12px 28px rgba(28, 15, 5, 0.10), 0 6px 10px rgba(28, 15, 5, 0.05);
  --shadow-xl:  0 28px 60px rgba(28, 15, 5, 0.14), 0 10px 20px rgba(28, 15, 5, 0.07);

  /* Hairline "border-as-elevation" for flat cards */
  --shadow-hairline: 0 0 0 1px var(--border-subtle);

  /* Focus & inner */
  --shadow-inset: inset 0 1px 2px rgba(28, 15, 5, 0.06);

  /* Motion */
  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --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 */
  --dur-fast: 120ms;   /* @kind other */
  --dur-normal: 200ms; /* @kind other */
  --dur-slow: 360ms;   /* @kind other */
}