/**
 * Link styling including focus settings consistent with other focus elements
 */

@use "../settings" as *;
@use "../tools" as *;

:root {
  --#{$prefix}link-font-weight: #{$link-font-weight};
  --#{$prefix}link-decoration-opacity: #{$link-decoration-opacity};
}

a {
  @include edgel-base-link-decoration();
  @include edgel-link-states();

  // Make links around images honour image height and width for focus ring.
  &:has(>img, >picture, >svg) {
    display: inline-block;
  }
}