chore: vars + colors

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "19.9.6",
+  "version": "19.9.7",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "19.9.6",
+      "version": "19.9.7",
       "license": "MIT",
       "dependencies": {
         "@cdransf/api-text": "^1.4.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "19.9.6",
+  "version": "19.9.7",
   "description": "The source for my personal site. Built using 11ty.",
   "type": "module",
   "scripts": {

src/assets/styles/defaults/vars.css

@@ -97,6 +97,7 @@
   --sizing-2xl: 2rem;
   --sizing-3xl: 2.25rem;
 
+  --sizing-svg-sm: 18px;
   --sizing-svg-base: 24px;
 
   /* radii */

src/assets/styles/pages/music.css

@@ -38,9 +38,10 @@
           line-height: var(--line-height-sm);
 
           svg {
-            width: 18px;
-            height: 18px;
+            width: var(--sizing-svg-sm);
+            height: var(--sizing-svg-sm);
             margin-right: var(--sizing-xs);
+            stroke: var(--favorite);
           }
         }