/* Custom styles for the blog page */
body {
    font-family: 'Inter', sans-serif;
    background-color: #ffffff; /* Set to white like the reference */
}

.placeholder-glow {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
}

/* Custom styles for the Load More button to match the site's palette */
#load-more-button.bg-primary {
    background-color: var(--color-primary);
}

#load-more-button.text-on-primary {
    color: var(--color-text-on-primary);
}

#load-more-button.hover\:bg-primary-dark:hover {
    background-color: #eab308; /* Fallback or specific hover color */
}