/* Custom application styles */
:root {
    --primary: #0e6c7c;
    /* Emerald green */
    --primary-foreground: var(--color-white);
}

.dark {
    --primary: #5be3d3;
    /* Lighter emerald for dark mode */
    --primary-foreground: var(--color-black);
}

/* Badge danger variant */
@layer components {
    .kt-badge-danger.kt-badge-outline {
        border-color: rgb(239 68 68); /* red-500 */
        background-color: rgb(254 242 242); /* red-50 */
        color: rgb(185 28 28); /* red-700 */
    }
    
    .dark .kt-badge-danger.kt-badge-outline {
        border-color: rgb(220 38 38); /* red-600 */
        background-color: rgb(127 29 29); /* red-900 */
        color: rgb(254 202 202); /* red-200 */
    }
}

.max-h-\[80vh\] {
    max-height: 80vh;
}