/* Breadcrumb Component Styles - Using Tailwind-like utility classes */

nav.flex {
    width: fit-content;
    margin-bottom: 2rem;
}

.text-muted-foreground {
    color: var(--muted-foreground, #666);
}

.text-foreground {
    color: var(--foreground, #000);
}

.hover\:text-primary:hover {
    color: var(--primary, rgb(170 29 41));
}

.transition-colors {
    transition: color 0.2s;
}

.font-medium {
    font-weight: 500;
}

.h-4 {
    height: 1rem;
}

.w-4 {
    width: 1rem;
}

.lucide {
    display: inline-block;
    vertical-align: middle;
}