Update style and fonts

src/routes/style.css

@@ -8,108 +8,108 @@
 /* This is going to be quite long */
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-ExtraLight.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-ExtraLight.woff") format("woff");
+    src: url("/assets/fonts/FiraGO/FiraGO-ExtraLight.woff2") format("woff2");
     font-weight: 200;
     font-style: normal;
 }
 
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-ExtraLightItalic.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-ExtraLightItalic.woff") format("woff");
+    src: url("/assets/fonts/FiraGO/FiraGO-ExtraLightItalic.woff2") format("woff2");
     font-weight: 200;
     font-style: italic;
 }
 
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-Light.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-Light.woff") format("woff");
+    src: url("/assets/fonts/FiraGO/FiraGO-Light.woff2") format("woff2");
     font-weight: 300;
     font-style: normal;
 }
 
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-LightItalic.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-LightItalic.woff") format("woff");
+    src: url("/assets/fonts/FiraGO/FiraGO-LightItalic.woff2") format("woff2");
     font-weight: 300;
     font-style: italic;
 }
 
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-Regular.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-Regular.woff") format("woff");
+    src: url("/assets/fonts/FiraGO/FiraGO-Regular.woff2") format("woff2");
     font-weight: 400;
     font-style: normal;
 }
 
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-Italic.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-Italic.woff") format("woff");
+    src: url("/assets/fonts/FiraGO/FiraGO-Italic.woff2") format("woff2");
     font-weight: 400;
     font-style: italic;
 }
 
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-Medium.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-Medium.woff") format("woff");
+    src: url("/assets/fonts/FiraGO/FiraGO-Medium.woff2") format("woff2");
     font-weight: 500;
     font-style: normal;
 }
 
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-MediumItalic.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-MediumItalic.woff") format("woff");
+    src: url("/assets/fonts/FiraGO/FiraGO-MediumItalic.woff2") format("woff2");
     font-weight: 500;
     font-style: italic;
 }
 
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-SemiBold.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-SemiBold.woff") format("woff");
+    src: url("/assets/fonts/FiraGO/FiraGO-SemiBold.woff2") format("woff2");
     font-weight: 600;
     font-style: normal;
 }
 
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-SemiBoldItalic.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-SemiBoldItalic.woff") format("woff");
+    src: url("/assets/fonts/FiraGO/FiraGO-SemiBoldItalic.woff2") format("woff2");
     font-weight: 600;
     font-style: italic;
 }
 
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-Bold.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-Bold.woff") format("woff");
+    src: url("/assets/fonts/FiraGO/FiraGO-Bold.woff2") format("woff2");
     font-weight: 700;
     font-style: normal;
 }
 
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-BoldItalic.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-BoldItalic.woff") format("woff");
+    src: url("/assets/fonts/FiraGO/FiraGO-BoldItalic.woff2") format("woff2");
     font-weight: 700;
     font-style: italic;
 }
 
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-ExtraBold.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-ExtraBold.woff") format("woff");
+    src: url("/assets/fonts/FiraGO/FiraGO-ExtraBold.woff2") format("woff2");
     font-weight: 800;
     font-style: normal;
 }
 
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-ExtraBoldItalic.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-ExtraBoldItalic.woff") format("woff");
+    src: url("/assets/fonts/FiraGO/FiraGO-ExtraBoldItalic.woff2") format("woff2");
     font-weight: 800;
     font-style: italic;
 }
 
 :root {
     --accent: hsl(287, 50%, 59%);
-    --accent-2: hsl(287, 50%, 39%);
+    --accent-2: light-dark(hsl(287, 50%, 39%), hsl(287, 50%, 79%));
-    --background: hsl(302, 69%, 95%);
+    --background: light-dark(hsl(302, 69%, 95%), hsl(302, 69%, 10%));
-    --background-2: hsl(302, 69%, 90%);
+    --background-2: light-dark(hsl(302, 69%, 90%), hsl(302, 69%, 5%));
-    --foreground: hsl(302, 69%, 10%);
+    --foreground: light-dark(hsl(302, 69%, 10%), hsl(302, 69%, 95%));
     --success: hsl(110, 50%, 59%);
     --warn: hsl(30, 50%, 59%);
     --error: hsl(0, 50%, 59%);
@@ -118,6 +118,8 @@
 }
 
 body {
+    color-scheme: light dark;
+
     /* Display */
     margin: 0;
     padding: 0;
@@ -148,13 +150,11 @@ nav .links {
 }
 
 h1 {
-    border-bottom: 2px solid var(--accent-2);
     font-size: xx-large;
     font-weight: bolder;
 }
 
 h2 {
-    border-bottom: 1px solid var(--accent-2);
     font-size: x-large;
     font-weight: bold;
 }
@@ -183,49 +183,49 @@ article {
     counter-reset: h2 0;
 }
 
-article h2 {
+/*article h2 {*/
-    counter-increment: h2 1;
+/*    counter-increment: h2 1;*/
-    counter-reset: h3 0;
+/*    counter-reset: h3 0;*/
-}
+/*}*/
 
-article h2::before {
+/*article h2::before {*/
-    content: counter(h2) ". ";
+/*    content: counter(h2) ". ";*/
-}
+/*}*/
 
-article h3 {
+/*article h3 {*/
-    counter-increment: h3 1;
+/*    counter-increment: h3 1;*/
-    counter-reset: h4 0;
+/*    counter-reset: h4 0;*/
-}
+/*}*/
 
-article h3::before {
+/*article h3::before {*/
-    content: counter(h2) "." counter(h3) ". ";
+/*    content: counter(h2) "." counter(h3) ". ";*/
-}
+/*}*/
 
-article h4 {
+/*article h4 {*/
-    counter-increment: h4 1;
+/*    counter-increment: h4 1;*/
-    counter-reset: h5 0;
+/*    counter-reset: h5 0;*/
-}
+/*}*/
 
-article h4::before {
+/*article h4::before {*/
-    content: counter(h2) "." counter(h3) "." counter(h4) ". ";
+/*    content: counter(h2) "." counter(h3) "." counter(h4) ". ";*/
-}
+/*}*/
 
-article h5 {
+/*article h5 {*/
-    counter-increment: h5 1;
+/*    counter-increment: h5 1;*/
-    counter-reset: h6 0;
+/*    counter-reset: h6 0;*/
-}
+/*}*/
 
-article h5::before {
+/*article h5::before {*/
-    content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". ";
+/*    content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". ";*/
-}
+/*}*/
 
-article h6 {
+/*article h6 {*/
-    counter-increment: h6 1;
+/*    counter-increment: h6 1;*/
-}
+/*}*/
 
-article h6::before {
+/*article h6::before {*/
-    content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". ";
+/*    content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". ";*/
-}
+/*}*/
 
 a {
     padding-left: 0.15em;
@@ -503,13 +503,6 @@ table.rows tbody tr:nth-child(2n) {
 }
 
 @media (prefers-color-scheme: dark) {
-    :root {
-        --accent-2: hsl(287, 50%, 79%);
-        --background: hsl(302, 69%, 10%);
-        --background-2: hsl(302, 69%, 5%);
-        --foreground: hsl(302, 69%, 95%);
-    }
-
     .icon-link>img.invert {
         filter: hue-rotate(180deg) invert();
     }