/*
 * @Author: Amirhossein Hosseinpour <https://amirhp.com>
 * @Date Created: 2025/10/19 10:22:08
 * @Last modified by: amirhp-com <its@amirhp.com>
 * @Last modified time: 2026/01/28 20:36:06
 */

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {

  html,
  body {
    @apply bg-white text-gray-800;
  }

  a {
    @apply text-blue-600;
  }

  a:hover {
    @apply underline;
  }
}

.tippy-box[data-theme~="light"] {
  @apply bg-white text-gray-800 border border-gray-200 shadow-md rounded-lg;
}

.tippy-box strong {
  @apply text-gray-900 font-semibold;
}

@-webkit-keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in {
  -webkit-animation: fade-in 0.3s ease-out;
  animation: fade-in 0.3s ease-out;
}

/* custom.css */
.whitespace-collapse {
  white-space: collapse;
}

a,
button {
  cursor: pointer;
}

a:hover,
button:hover {
  text-decoration: none;
}

#header {
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  padding: 1rem;
}