refactor(scss): add --section-separation and --small-card-padding variables

assets/scss/partials/layout/404.scss

@@ -2,5 +2,5 @@
     background-color: var(--card-background);
     @include box_shadow(1);
     border-radius: var(--card-border-radius);
-    padding: 30px;
+    padding: var(--content-padding);
 }

assets/scss/partials/layout/archive.scss

@@ -1,5 +1,5 @@
 .archive-group {
-    margin-bottom: 40px;
+    margin-bottom: var(--section-separation);
     .archive-date {
         text-transform: uppercase;
         margin-bottom: 10px;
@@ -14,7 +14,7 @@
 
 .template-archive {
     .category-list {
-        margin-bottom: 40px;
+        margin-bottom: var(--section-separation);
         overflow-x: auto;
 
         .article-list--tile {

assets/scss/partials/layout/article.scss

@@ -38,7 +38,7 @@
         overflow: hidden;
 
         &.main-article {
-            margin-bottom: 40px;
+            margin-bottom: var(--section-separation);
         }
 
         .article-header {
@@ -152,7 +152,7 @@
 }
 
 .related-contents--wrapper {
-    margin-bottom: 40px;
+    margin-bottom: var(--section-separation);
     .widget-title {
         //padding-left: 15px;
     }

assets/scss/partials/layout/taxonomy.scss

@@ -9,33 +9,34 @@
 .taxonomy-card {
     border-radius: var(--card-border-radius);
     background-color: var(--card-background);
-    padding: 20px 20px;
+    padding: var(--small-card-padding);
     @include box_shadow(1);
-    margin-bottom: 40px;
+    margin-bottom: var(--section-separation);
     display: flex;
     align-items: center;
 
+    --separation: 15px;
+
     .taxonomy-term {
         font-size: 2.2rem;
         margin: 0;
-        margin-top: 15px;
+        margin-top: calc(var(--separation) / 2);
         color: var(--card-text-color-main);
 
         & + .taxonomy-description {
-            margin-top: 15px;
+            margin-top: var(--separation);
         }
     }
 
     .taxonomy-description {
         font-weight: normal;
         color: var(--card-text-color-secondary);
-        font-size: 1.8rem;
+        font-size: 1.6rem;
         margin: 0;
     }
 
     .taxonomy-details {
         flex-grow: 1;
-        padding: 10px 0;
         margin-right: 20px;
     }