Added some digi-core components and removed some old/unused css

apps/dafa-web/src/styles/styles.scss

@@ -1,12 +1,9 @@
-@import 'variables/colors';
-@import 'variables/gutters';
-@import 'variables/typography';
+@import '~@af/digi-core/src/global/styles/digi';
 @import 'mixins/a11y';
-@import 'mixins/button';
 @import 'mixins/icon';
 
 * {
-  font-family: $af__font-family;
+  font-family: var(--digi--typography--font-family);
   box-sizing: border-box;
 
   ::before,
@@ -17,36 +14,20 @@
 
 body {
   margin: 0;
-  font-weight: $af__font-weight-normal;
-}
-
-button {
-  @include dafa__base-button;
+  font-weight: var(--digi--typography--font-weight);
 }
 
 strong {
-  font-weight: $af__font-weight-semi-bold;
-}
-
-.af__a11y-sr-only {
-  @include af__a11y-sr-only;
+  font-weight: var(--digi--typography--font-weight--semibold);
 }
 
 .dafa {
-  &__digi-ng-icon {
-    @include dafa__digi-ng-icon;
-
-    &--right-margin {
-      margin-right: $af__gutter-s;
-    }
-    &--left-margin {
-      margin-left: $af__gutter-m;
-    }
+  &__a11y-sr-only {
+    @include dafa__a11y-sr-only;
   }
 
-  &__highlight-characters {
-    background-color: transparent;
-    font-weight: $af__font-weight-bold;
+  &__digi-icon {
+    display: inline-flex;
   }
 
   &__link {
@@ -54,24 +35,15 @@ strong {
     align-items: center;
 
     &--with-icon {
-      gap: $af__gutter-xs;
-    }
-  }
-}
-
-// @af/digi-ng overrides
-.digi-ng-typography-icon-text__icon {
-  display: inline-flex;
-}
-
-@media print {
-  * {
-    color: $af__color-text-dark !important;
-  }
-
-  .dafa {
-    &__hide-on-print {
-      display: none !important;
+      gap: var(--digi--layout--gutter--xs);
+    }
+
+    &--ignore-visited:visited {
+      color: var(--digi--typography--color--link);
+
+      &:hover {
+        color: var(--digi--typography--color--link--active);
+      }
     }
   }
 }