@import '@digi/core/dist/digi/digi.css';
@import 'mixins/a11y';
@import 'mixins/icon';

* {
  font-family: var(--digi--typography--font-family);
  box-sizing: border-box;

  ::before,
  ::after {
    box-sizing: border-box;
  }
}

body {
  margin: 0;
  font-weight: var(--digi--typography--font-weight);
  overflow: hidden;
}

button {
  font-family: var(--digi--typography--font-family);
  cursor: pointer;
}

strong {
  font-weight: var(--digi--typography--font-weight--semibold);
}

// Make all digi icons display inline-flex to make them get the correct height.
[class^='sc-digi-icon'],
.digi-button__icon {
  display: inline-flex;
}

.dafa {
  &__a11y-sr-only {
    @include dafa__a11y-sr-only;
  }

  &__digi-icon {
    display: inline-flex;
  }

  &__link {
    display: inline-flex;
    align-items: center;

    &--with-icon {
      gap: var(--digi--layout--gutter--xs);
    }

    &--ignore-visited:visited {
      color: var(--digi--typography--color--link);

      &:hover {
        color: var(--digi--typography--color--link--active);
      }
    }
  }
}