/* shared animations (global styles for components) */
[data-animate] {
  opacity: 0;
  transform: translateY(30px);
}

[data-animate].revealed {
  opacity: 1;
  transform: translateY(0);
  transition: none;
}

.language-switcher {
  position: absolute;
  z-index: 10;
  top: 1rem;
  right: 1rem;
  display: flex;
  gap: 0.25rem;
  align-items: center;
  padding: 0.3rem;
  color: var(--color-label);
  font-size: 0.75rem;
  background: rgb(255 255 255 / 82%);
  border: 1px solid var(--color-border);
  border-radius: 999px;
  box-shadow: 0 2px 10px rgb(0 0 0 / 5%);
  backdrop-filter: blur(8px);
}

.language-switcher span,
.language-switcher a {
  padding: 0.25rem 0.55rem;
  border-radius: 999px;
}

.language-switcher span {
  color: var(--color-white);
  background: var(--color-accent);
}

.language-switcher a {
  color: inherit;
  text-decoration: none;
}

.language-switcher a:hover {
  background: var(--color-card);
}