/* ============================================================
   Barvarê — Elevation & motion tokens
   On the dark green ground, elevation is quiet: deep, soft shadows
   plus a gold hairline. Gold "glow" is reserved for focus/hover.
   ============================================================ */
:root {
  --shadow-sm:  0 1px 2px rgba(6,20,15,0.25);
  --shadow-md:  0 8px 24px rgba(6,20,15,0.35);
  --shadow-lg:  0 20px 50px rgba(6,20,15,0.45);
  --shadow-inset-top: inset 0 1px 0 rgba(255,255,255,0.05);

  --glow-gold:  0 0 0 1px rgba(198,162,78,0.35), 0 8px 30px rgba(198,162,78,0.14);
  --ring-focus: 0 0 0 2px var(--surface-brand), 0 0 0 4px var(--focus-ring);

  /* --- Motion --- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);   /* @kind other */
  /* refined settle */
  --ease-elegant:  cubic-bezier(0.22, 1, 0.36, 1);  /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);   /* @kind other */

  --dur-fast: 160ms;   /* @kind other */
  --dur-base: 240ms;   /* @kind other */
  --dur-slow: 420ms;   /* @kind other */
  --dur-slower: 640ms; /* @kind other */
}