removes labeling and adds custom fonts

src/style/atoms/_colours.scss

@@ -34,6 +34,9 @@ $tab-background-color: #fff8;
 $dice-box-shadow: rgba(0, 0, 0, 0.25);
 $pill-box-shadow: rgba(0, 0, 0, 0.3);
 
+$tab-shadow: rgba(0, 0, 0, 0.3);
+$tab-pane-shadow: rgba(0, 0, 0, 0.3);
+
 $attribute-die-border-color: #000;
 
 $attribute-die-color: #F00;

src/style/atoms/_fonts.scss

@@ -0,0 +1,21 @@
+@font-face {
+  font-family: "Andalus";
+  src: url("../../assets/fonts/andlso.ttf");
+}
+
+@font-face {
+  font-family: "Gentium";
+  src: url("../../assets/fonts/GenBasR.ttf");
+}
+
+@font-face {
+  font-family: "Gentium";
+  src: url("../../assets/fonts/GenBasI.ttf");
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "Gentium";
+  src: url("../../assets/fonts/GenBasB.ttf");
+  font-weight: bold;
+}

src/style/atoms/_numbers.scss

@@ -16,6 +16,14 @@ $dice-box-inset: 4px;
 $dice-box-blur-radius: 4px;
 $dice-box-border-width: 1px;
 
+$tab-shadow-right: 1px;
+$tab-shadow-bottom: 0;
+$tab-shadow-blur-radius: 0;
+
+$tab-pane-shadow-right: 1px;
+$tab-pane-shadow-bottom: 1px;
+$tab-pane-shadow-blur-radius: 0;
+
 $pill-box-inset: 2px;
 $pill-box-blur-radius: 4px;
 

src/style/atoms/_typography.scss

@@ -0,0 +1,16 @@
+.application.sheet.dsa41 {
+
+  --font-body: Gentium, sans-serif;
+
+  label,
+  .sheet-tabs.tabs a {
+    font-family: Gentium, sans-serif;
+    font-weight: bold;
+  }
+
+  .editor.prosemirror.active, .editor.prosemirror.inactive {
+    font-family: Gentium, sans-serif;
+  }
+
+}
+

src/style/molecules/_tabs.scss

@@ -74,11 +74,13 @@
         border-top: numbers.$tab-border-width solid colours.$tab-border-color;
         border-right: numbers.$tab-border-width solid colours.$tab-border-color;
         border-bottom: 0;
-        top: numbers.$tab-border-width*2;
+        top: numbers.$tab-border-width;
         background: assets.$tab-background;
         position: relative;
         z-index: 2;
 
+        box-shadow: numbers.$tab-shadow-right numbers.$tab-shadow-bottom numbers.$tab-shadow-blur-radius colours.$tab-shadow;
+
         span {
 
         }
@@ -91,6 +93,8 @@
   section.tab {
     border: numbers.$tab-border-width solid colours.$tab-border-color;
     background: assets.$tab-pane-background;
+    box-shadow: numbers.$tab-pane-shadow-right numbers.$tab-pane-shadow-bottom numbers.$tab-pane-shadow-blur-radius colours.$tab-pane-shadow;
+
     flex: 1;
 
     & > div {

src/style/styles.scss

@@ -1,3 +1,5 @@
+@use "atoms/fonts";
+@use "atoms/typography";
 @use "atoms/svg";
 @use "molecules/rollable";
 @use "molecules/lists";

src/templates/item/skill/tab-description.hbs

@@ -4,8 +4,6 @@
          data-group="{{tabs.description.group}}">
     {{!-- Tab content here --}}
     <div class="description-details">
-
-        <label>Beschreibungstext</label>
         <prose-mirror
                 name="system.talent"
                 button="false"