Take colour off the overshooting spatial spring

Four components animated background-color and color on ease-spatial-fast, whose
fast variant peaks at 1.094 — the one thing tokens/motion.css says a colour must
never do. Tailwind cannot emit two springs on one element, so a small unlayered
file gives shape and size the spatial spring and colour and elevation the
effects one in a single property list. Plan step 18, actions.md ACT-19.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9

resources/views/components/fab-menu.blade.php

@@ -14,7 +14,8 @@
      Livewire, so it stays open through a render of the component around it.
 
      FabMenuBaselineTokens (androidx Compose Material 3, Apache-2.0): 56px items, 4px apart, 8px
-     above the close button. --}}
+     above the close button. The FAB's corner and colours morph on the two default springs at once
+     (`state-transition-default`, resources/css/components/actions.css). --}}
 
 @props([
     'icon' => 'add',
@@ -46,7 +47,7 @@
             @if ($label) aria-label="{{ $label }}" @endif
             @class([
                 'group/fab state-layer focus-ring inline-flex size-14 shrink-0 cursor-pointer items-center justify-center rounded-corner-lg shadow-elevation-3 hover:shadow-elevation-4',
-                'transition-[border-radius,background-color,color,box-shadow] duration-(--md-sys-motion-spatial-default-duration) ease-spatial-default aria-expanded:rounded-corner-full',
+                'state-transition-default aria-expanded:rounded-corner-full',
                 $colours,
             ])
         >