.h-80 { height: 20rem; }
.object-contain { object-fit: contain; }
.object-cover { object-fit: cover; }
.bg-repeating-linear-gradient {
    background-image: repeating-linear-gradient(315deg, currentColor 0 1px, #0000 0 50%);
}
.bg-size-8 {
    background-size: 8px 8px;
}
.dark-text-white-12 {
  color: color-mix(in oklab, #ffffff 12.5%, transparent);
}

/* Custom styles for validation error highlighting */
.validation-error {
    background-color: oklch(80.8% 0.114 19.571) !important;    /* Tailwind red-300 */
}