/* Guap Media — motion (values from the website CSS and inline styles). */
:root {
  --gm-duration-fast: .15s; /* @kind other */    /* tooltip */
  --gm-duration-200: .2s; /* @kind other */      /* footer cards, instagram overlay, nav */
  --gm-duration-300: .3s; /* @kind other */      /* buttons, service blocks, FAQ height, tab panes (300ms) */
  --gm-duration-400: .4s; /* @kind other */      /* header, menu overlay, hamburger (400ms), tab link colour */
  --gm-duration-500: .5s; /* @kind other */      /* process tab underline */
  --gm-duration-800: .8s; /* @kind other */      /* cookie bar slide-in */

  --gm-ease: ease; /* @kind other */
  --gm-ease-out: ease-out; /* @kind other */                               /* services animation swap (300ms, scale .75 → 1) */
  --gm-ease-tab: cubic-bezier(.25, .46, .45, .94); /* @kind other */       /* tab link, tab underline, team hover animation */
  --gm-ease-standard: cubic-bezier(.4, 0, .2, 1); /* @kind other */        /* configurator, cookie bar */

  --gm-hover-scale-button: scale(1.02); /* @kind other */   /* .button-primary:hover */
  --gm-hover-scale-card: scale(1.03); /* @kind other */     /* .services-block.gray-block:hover */
  --gm-hover-opacity-link: .5; /* @kind other */            /* .lightbox-link, .social-icon */
  --gm-hover-opacity-image: .7; /* @kind other */           /* blog images */
}
