:root{
  /* Shadows — warm-tinted, soft, low spread. No harsh black. */
  --shadow-xs:0 1px 2px rgba(42,26,18,0.06);
  --shadow-sm:0 2px 8px rgba(42,26,18,0.06);
  --shadow-md:0 8px 24px rgba(42,26,18,0.08);
  --shadow-lg:0 18px 48px rgba(42,26,18,0.12);
  --shadow-focus:0 0 0 3px rgba(205,113,80,0.35);

  --transition-fast:120ms cubic-bezier(0.22,1,0.36,1); /* @kind other */
  --transition:200ms cubic-bezier(0.22,1,0.36,1); /* @kind other */
  --transition-slow:360ms cubic-bezier(0.22,1,0.36,1); /* @kind other */
}