.horizontal-slide-from-right-to-left {
  animation: horizontal-slide-from-right-to-left linear 10s infinite;
}

.horizontal-slide-from-left-to-right {
  animation: horizontal-slide-from-left-to-right linear 10s infinite;
}

@keyframes horizontal-slide-from-right-to-left {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@keyframes horizontal-slide-from-left-to-right {
  from {
    transform: translateX(-50%);
  }

  to {
    transform: translateX(0);
  }
}

.sticky-menu.nav-hidden {
  animation: fadeInDown 0.9s 1;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

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

@keyframes rotate-360{
  0%{
    transform: rotate(0deg)
  }

  100%{
    transform: rotate(360deg)
  }
}

.rotate-360{
  animation: rotate-360 20s linear infinite;
}


input:checked~.toggle_dot {
  transform: translateX(100%);
}

/* Theme Overrides: Primary and Accent Colors */
:root {
  --color-primary: #FFBF00; /* Primary */
  --color-accent: #143d59;  /* Accent */
}

/* Map previous Blue utilities to Primary */
.bg-ColorBlue { background-color: var(--color-primary) !important; }
.hover\:bg-ColorBlue:hover { background-color: var(--color-primary) !important; }
.active\:bg-ColorBlue:active { background-color: var(--color-primary) !important; }

.text-ColorBlue { color: var(--color-primary) !important; }
.hover\:text-ColorBlue:hover { color: var(--color-primary) !important; }
.group:hover .group-hover\:text-ColorBlue { color: var(--color-primary) !important; }
.text-ColorBlue\/80 { color: rgba(255, 191, 0, 0.8) !important; }

.focus\:border-ColorBlue:focus { border-color: var(--color-primary) !important; }
.accent-ColorBlue { accent-color: var(--color-primary) !important; }

/* Button styles previously using Blue */
.is-blue { 
  border-color: var(--color-primary) !important; 
  background-color: var(--color-primary) !important; 
  color: var(--color-accent) !important; /* Ensure good contrast on primary */
}
.is-blue:hover { 
  background-color: transparent !important; 
  color: var(--color-primary) !important; 
}

/* Tabs previously using Blue */
.tab-btn-blue:hover, 
.tab-btn-blue.active { 
  background-color: var(--color-primary) !important; 
  color: #fff !important; 
}

/* Utility to apply accent text color when needed */
.text-Accent { color: var(--color-accent) !important; }
.bg-Accent { background-color: var(--color-accent) !important; }
.border-Accent { border-color: var(--color-accent) !important; }