/* NOT SPECIFIED IN THE BRAND KIT.
   The kit defines hover COLOURS (button ink→slate, link ink→grey) but says nothing
   about timing or easing. These values are this system's choice, kept deliberately
   quiet: colour and opacity only, no transforms, nothing that moves or bounces.
   Change them freely — nothing upstream depends on them. */
:root{
  --dur-fast:140ms; /* @kind other */
  --dur-base:240ms; /* @kind other */
  --dur-slow:480ms; /* @kind other */
  --dur-marquee:32s; /* @kind other */

  --ease-out:cubic-bezier(.2,.6,.2,1); /* @kind other */
  --ease-linear:linear; /* @kind other */

  --hover-fade:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out); /* @kind other */
}
@media (prefers-reduced-motion:reduce){
  :root{
    --dur-fast:0ms; /* @kind other */
    --dur-base:0ms; /* @kind other */
    --dur-slow:0ms; /* @kind other */
    --dur-marquee:0s; /* @kind other */
  }
}