/* Custom component styles (outside Tailwind processing) */

/* Logo with fill/stroke color swap on hover */
.logo-brand {
  --logo-fill: var(--color-sage-600);
  --logo-stroke: var(--color-kogito-600);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.logo-brand:hover {
  --logo-fill: var(--color-kogito-600);
  --logo-stroke: var(--color-sage-600);
}