// Name:            Breadcrumb
// Description:     Breadcrumb for ufing orientation
//
// Component:       `c-breadcrumb`
//
// Dependencies:    `settings/v7/colors.tokens`
//                  `settings/v7/colors.themes`
//                  `settings/v7/colors.mode`
//                  `settings/v7/global`
//                  `settings/v7/spacing.tokens`
//
// ========================================================================

.c-breadcrumb {
  --breadcrumb-color: #e91f63; // TODO: Add color to colors.map
  --breadcrumb-decoration: none;
  color: var(--breadcrumb-color);
  text-decoration: var(--breadcrumb-decoration);

  &:hover {
    --breadcrumb-decoration: underline;
  }
}