chore(fonts.css): improve DM Sans implementation to use variable font files and proper italics

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "3.1.0",
+      "version": "3.2.0",
       "license": "MIT",
       "dependencies": {
         "html-minifier-terser": "7.2.0",
@@ -2098,9 +2098,9 @@
       }
     },
     "node_modules/glob": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-11.0.1.tgz",
-      "integrity": "sha512-zrQDm8XPnYEKawJScsnM0QzobJxlT/kHOOlRTio8IH/GrmxRE5fjllkzdaHclIuNjUQTJYH2xHNIGfdpJkDJUw==",
+      "version": "11.0.2",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-11.0.2.tgz",
+      "integrity": "sha512-YT7U7Vye+t5fZ/QMkBFrTJ7ZQxInIUjwyAjVj84CYXqgBdv30MFUPGnBR6sQaVq6Is15wYJUsnzTuWaGRBhBAQ==",
       "dev": true,
       "license": "ISC",
       "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "description": "The source for my personal site. Built using 11ty (and other tools).",
   "type": "module",
   "engines": {

src/assets/styles/base/fonts.css

@@ -8,17 +8,17 @@
 
 @font-face {
   font-family: "DM Sans";
-  src: url("/assets/fonts/dmr.woff2") format("woff2");
-  font-weight: 400;
+  src: url("/assets/fonts/dm.woff2") format("woff2");
+  font-weight: 100 700;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
   font-family: "DM Sans";
-  src: url("/assets/fonts/dmb.woff2") format("woff2");
-  font-weight: 700;
-  font-style: normal;
+  src: url("/assets/fonts/dmi.woff2") format("woff2");
+  font-weight: 100 700;
+  font-style: italic;
   font-display: swap;
 }
 

src/assets/styles/components/forms.css

@@ -46,6 +46,11 @@ label svg {
   cursor: pointer;
 }
 
+detail label:has(input[type="checkbox"]) {
+  display: inline-flex;
+  gap: var(--spacing-xs);
+}
+
 summary {
   font-weight: var(--font-weight-bold);
 }