/* Custom animations and styles that won't be overwritten by Tailwind */

/* Swipe animations for week view calendar */
@keyframes swipe-left-exit {
  0% {
    transform: translateX(0);
    opacity: 1;
  }

  100% {
    transform: translateX(-100%);
    opacity: 0.3;
  }
}

@keyframes swipe-right-exit {
  0% {
    transform: translateX(0);
    opacity: 1;
  }

  100% {
    transform: translateX(100%);
    opacity: 0.3;
  }
}

@keyframes swipe-left-enter {
  0% {
    transform: translateX(-100%);
    opacity: 0.3;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes swipe-right-enter {
  0% {
    transform: translateX(100%);
    opacity: 0.3;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.swipe-left-exit {
  animation: swipe-left-exit 0.3s ease-out;
}

.swipe-right-exit {
  animation: swipe-right-exit 0.3s ease-out;
}

.swipe-left-enter {
  animation: swipe-left-enter 0.3s ease-out;
}

.swipe-right-enter {
  animation: swipe-right-enter 0.3s ease-out;
}

/* Smooth transitions for week grid */
#week-grid {
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}

/* Brand font - Angsana New for "Faux & Fabulous" */
.brand-font {
  font-family: 'Angsana New', serif;
}

/* Decorative font - Alex Brush for section headings */
.decorative-font {
  font-family: 'Alex Brush', cursive;
  font-weight: 400;
}