/**
 * Breadcrumb theme variants – ensures readability on dark or light hero backgrounds.
 * Use query var breadcrumb_theme=light when breadcrumb sits on a dark background.
 */

/* Light text for dark backgrounds */
.breadcrumb-contact-section--light a,
.breadcrumb-contact-section--light .text-primary-600 {
    color: #7dd3fc !important;
}

.breadcrumb-contact-section--light a:hover {
    color: #bae6fd !important;
}

.breadcrumb-contact-section--light .text-gray-500,
.breadcrumb-contact-section--light .text-gray-400 {
    color: #cbd5e1 !important;
}

.breadcrumb-contact-section--light nav[aria-label="Breadcrumb"] span {
    color: #94a3b8;
}

.breadcrumb-contact-section--light nav[aria-label="Breadcrumb"] svg {
    fill: #94a3b8;
}