Makes use of font-weight variable

3 files changed, 7 insertions, 6 deletions

diff --git a/src/css/imports/_buttons.css b/src/css/imports/_buttons.css
index effdd3b..ee25a8d 100644
--- a/src/css/imports/_buttons.css
+++ b/src/css/imports/_buttons.css
@@ -6,7 +6,7 @@
   background-color: var(--white);
   border-radius: var(--border-radius);
   text-decoration: none;
-  font-weight: bold;
+  font-weight: var(--bold-font-weight);
   color: var(--primary);
   text-align: center;
   box-shadow: inset 0 0 0 2px var(--primary);
diff --git a/src/css/imports/_font-weight.css b/src/css/imports/_font-weight.css
index fabba82..1fa9182 100755
--- a/src/css/imports/_font-weight.css
+++ b/src/css/imports/_font-weight.css
@@ -1,5 +1,5 @@
 .normal { font-weight: normal; }
-.b      { font-weight: bold; }
+.b      { font-weight: var(--bold-font-weight); }
 .fw1    { font-weight: 100; }
 .fw2    { font-weight: 200; }
 .fw3    { font-weight: 300; }
@@ -13,7 +13,7 @@
 
 @media (--breakpoint-not-small) {
   .normal-ns { font-weight: normal; }
-  .b-ns      { font-weight: bold; }
+  .b-ns      { font-weight: var(--bold-font-weight); }
   .fw1-ns    { font-weight: 100; }
   .fw2-ns    { font-weight: 200; }
   .fw3-ns    { font-weight: 300; }
@@ -27,7 +27,7 @@
 
 @media (--breakpoint-medium) {
   .normal-m { font-weight: normal; }
-  .b-m      { font-weight: bold; }
+  .b-m      { font-weight: var(--bold-font-weight); }
   .fw1-m    { font-weight: 100; }
   .fw2-m    { font-weight: 200; }
   .fw3-m    { font-weight: 300; }
@@ -41,7 +41,7 @@
 
 @media (--breakpoint-large) {
   .normal-l { font-weight: normal; }
-  .b-l      { font-weight: bold; }
+  .b-l      { font-weight: var(--bold-font-weight); }
   .fw1-l    { font-weight: 100; }
   .fw2-l    { font-weight: 200; }
   .fw3-l    { font-weight: 300; }
diff --git a/src/css/imports/_typography.css b/src/css/imports/_typography.css
index bf6483d..1dd3240 100755
--- a/src/css/imports/_typography.css
+++ b/src/css/imports/_typography.css
@@ -14,6 +14,7 @@ body {
   font-family: var(--font-family);
   font-size: var(--spacing-medium);
   line-height: var(--line-height);
+  font-weight: var(--body-font-weight);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   background-color: var(--off-white);
@@ -25,7 +26,7 @@ p {
 }
 
 strong {
-  font-weight: 800;
+  font-weight: var(--bold-font-weight);
 }
 
 em {