/* Custom styles if needed beyond Tailwind */

/* Custom styles    --color-bg: #F9FAFB;
    --color-text: #111827;
}

/* Input Validation */
.is-invalid {
    border-color: #EF4444 !important;
    background-color: #FEF2F2;
    animation: shake 0.5s cubic-bezier(.36, .07, .19, .97) both;
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}
/* Accessibility Filters */
.filter-protanopia { filter: url('#protanopia'); }
.filter-deuteranopia { filter: url('#deuteranopia'); }
.filter-tritanopia { filter: url('#tritanopia'); }
.filter-achromatopsia { filter: url('#achromatopsia'); }