@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
}

a  {
  text-decoration: none;
}

/* Utility class for hiding elements - kept for HTML templates */
.hidden {
  display: none !important;
}

/* CSS Variables for transform utilities - kept for animations */
:root {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}

/* Animation utilities - kept for search bar animations */
@keyframes fade-slide-down {
  0% {
    opacity: 0;
    transform: translateY(-1rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fade-slide-up {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-1rem);
  }
}

.animate-fade-slide-down {
  animation: fade-slide-down 0.3s ease-out forwards;
}

.animate-fade-slide-up {
  animation: fade-slide-up 0.3s ease-out forwards;
}

/* TV specific navigation and focus classes - kept for navigation system */
.tv-focused {
  border: 2px solid white;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3);
}

/* Scroll margin utilities for TV navigation - kept for scroll system */
.scroll-mt-24 {
  scroll-margin-top: 6rem;
}

.scroll-mt-32 {
  scroll-margin-top: 8rem;
}

.scroll-mt-40 {
  scroll-margin-top: 10rem;
}

.scroll-mt-48 {
  scroll-margin-top: 12rem;
}

.scroll-mt-56 {
  scroll-margin-top: 14rem;
}

.scroll-mt-64 {
  scroll-margin-top: 16rem;
}