/* Motion. The source file carries one animation hint - an Elementor
   "animated-slow / slideInUp" class on the homepage booking panel - so the
   durations and easings below are a small, deliberate addition documented in
   readme.md > VISUAL FOUNDATIONS > Animation. Keep motion short and on
   transform/opacity only. */

:root {
  --duration-instant: 90ms; /* @kind other */
  --duration-fast: 160ms; /* @kind other */
  --duration-base: 240ms; /* @kind other */
  --duration-slow: 420ms; /* @kind other */
  --duration-reveal: 700ms; /* @kind other */

  --ease-standard: cubic-bezier(0.2, 0, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */

  --hover-lift: translateY(-2px); /* @kind other */
  --press-scale: scale(0.985); /* @kind other */
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-instant: 0ms; /* @kind other */
    --duration-fast: 0ms; /* @kind other */
    --duration-base: 0ms; /* @kind other */
    --duration-slow: 0ms; /* @kind other */
    --duration-reveal: 0ms; /* @kind other */
    --hover-lift: none; /* @kind other */
    --press-scale: none; /* @kind other */
  }
}

@keyframes kssk-slide-in-up { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
@keyframes kssk-fade-in { from { opacity: 0; } to { opacity: 1; } }