/**
 * @file
 * Overrides for basecore/css/theme/base-color.css.
 */

:root,
.region--default-background,
.region--bright-background {
  --mt-link-color: var(--mt-color-primary);
  --mt-link-color-hover: var(--mt-color-primary-dark);

  --mt-dark-link-color: var(--mt-color-primary-light);
  --mt-dark-link-color-hover: var(--mt-color-bright);

  --mt-link-border-color: transparent;
  /* primary-light (#38b2ac) is 2.6:1 on white: below the 3:1 a focus
     indicator needs (WCAG 1.4.11). */
  --mt-link-outline-color: var(--uoa-color-focus-ring);
  --mt-border-color: rgba(var(--mt-color-base-value), 0.15);
}

.region--bright-background,
#drupal-off-canvas-wrapper label.region--bright-background {
  color: var(--mt-color-base-dark);
}

.region--tint-background,
#drupal-off-canvas-wrapper label.region--tint-background {
  background-color: transparent;
}

/* basecore links these regions in its secondary indigo (#6366f1, 4.47:1 on
   white, under the 4.5:1 WCAG 1.4.3 needs for text). The footer is one of
   them. Use the brand link colour like everywhere else. */
.region--tint-background,
.region--accent-background {
  --mt-link-color: var(--uoa-color-text-link);
  --mt-link-color-hover: var(--uoa-color-brand-primary-hover);
}