/* ============================================================
   Kota Batu — Elevation & Motion Tokens
   Soft, low-spread shadows with a faint green-black tint.
   Government-grade restraint: shadows signal layering, not flash.
   ============================================================ */

:root {
  /* ---- Shadows (tinted with green-black, low alpha) ---- */
  --shadow-xs: 0 1px 2px rgba(9, 33, 24, 0.06);
  --shadow-sm: 0 1px 2px rgba(9, 33, 24, 0.06), 0 1px 3px rgba(9, 33, 24, 0.08);
  --shadow-md: 0 2px 4px rgba(9, 33, 24, 0.06), 0 4px 12px rgba(9, 33, 24, 0.08);
  --shadow-lg: 0 6px 16px rgba(9, 33, 24, 0.10), 0 2px 6px rgba(9, 33, 24, 0.06);
  --shadow-xl: 0 16px 40px rgba(9, 33, 24, 0.16), 0 4px 12px rgba(9, 33, 24, 0.08);
  --shadow-focus: 0 0 0 3px var(--green-200);
  --shadow-inset: inset 0 1px 2px rgba(9, 33, 24, 0.08);

  /* ---- Rings used for brand emphasis ---- */
  --ring-brand: 0 0 0 1px var(--green-600);
  --ring-gold:  0 0 0 1px var(--gold-400);

  /* ---- Motion ---- */ /* @kind other */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-emphasized: cubic-bezier(0.2, 0, 0, 1.05);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --dur-fast: 120ms;
  --dur-normal: 200ms;
  --dur-slow: 320ms;
}