/* Primary color utilities for modals and components */
.bg-primary-600 {
    background-color: #B91C1C;
}

.bg-primary-700 {
    background-color: #7F1D1D;
}

.hover\:bg-primary-700:hover {
    background-color: #7F1D1D;
}

.focus\:ring-primary-500:focus {
    --tw-ring-color: rgba(185, 28, 28, 0.3);
}

/* Smooth transitions */
button, a {
    transition-property: background-color, border-color, color, fill, stroke, transform, box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

/* HTMX animations */
tr {
    transition-property: opacity, max-height, background-color;
    transition-duration: 500ms;
    transition-timing-function: ease-in-out;
}

.htmx-removing {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
}

/* Modal Size Variants */
.max-w-sm { max-width: 24rem; }
.max-w-md { max-width: 28rem; }
.max-w-lg { max-width: 32rem; }
.max-w-xl { max-width: 36rem; }
.max-w-2xl { max-width: 42rem; }
.max-w-3xl { max-width: 48rem; }
.max-w-4xl { max-width: 56rem; }