// @use '@carbon/react/scss/themes';
// @use '@carbon/react/scss/theme' with ($theme: themes.$g100);

@use '@carbon/react/scss/theme' with
  (
    $theme: (
      cds-link-text-color: #525252
    )
  );

@use '@carbon/react';
@use '@carbon/styles';
// @include grid.flex-grid();

@use '@carbon/colors';
// @use '@carbon/react/scss/colors';
@use '@carbon/react/scss/themes';

// var(--cds-link-text-color, var(--cds-link-primary, #0f62fe))

// site is mainly using white theme.
// header is mainly using g100
// mockup wanted white, not grey, text
.cds--header, a.cds--header__menu-item {
  // background-color: colors.$gray-100;
  color: white;
}

.cds--breadcrumb-item a.cds--link:hover {
  color: #525252;
}
.cds--breadcrumb-item a.cds--link:visited {
  color: #525252;
}
.cds--breadcrumb-item a.cds--link:visited:hover {
  color: #525252;
}
.cds--breadcrumb-item a.cds--link {
  color: #525252;
}