1 files changed, 14 insertions, 21 deletions

diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index 814a68d..96c1c75 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -56,10 +56,12 @@ $content--width:  42rem;
             --obj-shadow: transparent,
 
             --accent: (
-                --h:     354,
-                --s:     84%,
-                --l:     55%,
-                --color: hsl(var(--colors--accent--h), var(--colors--accent--s), var(--colors--accent--l)),
+                --h:      354,
+                --s:      84%,
+                --l:      55%,
+                --color:  hsl(var(--colors--accent--h), var(--colors--accent--s), var(--colors--accent--l)),
+                --strong: hsl(var(--colors--accent--h), calc(var(--colors--accent--s) * 1.1), calc(var(--colors--accent--l) * 1.1)),
+                --faint:  hsla(var(--colors--accent--h), var(--colors--accent--s), var(--colors--accent--l), .1),
             ),
 
             --focus-ring: var(--colors--fg-lo),
@@ -77,6 +79,10 @@ $content--width:  42rem;
                     --visited: hsl(270, 60%, 75%), //hsl(var(--colors--accent--h), 50%, 66%), //
                 )
             ),
+
+            --code: (
+                --fg: var(--colors--fg-hi),
+            ),
         )
     ));
 }
@@ -107,10 +113,10 @@ $content--width:  42rem;
             --obj-shadow: rgba(#000, .05),
 
             --accent: (
-                --h:     354,
-                --s:     74%,
-                --l:     48%,
-                --color: hsl(var(--colors--accent--h), var(--colors--accent--s), var(--colors--accent--l)),
+                --h:      354,
+                --s:      74%,
+                --l:      48%,
+                --strong: hsl(var(--colors--accent--h), var(--colors--accent--s), calc(var(--colors--accent--l) * .9)),
             ),
 
             --select: (
@@ -142,16 +148,3 @@ $content--width:  42rem;
         --indent: 1.5rem,
     ),
 ), 'sm');
-
-:root {
-    --heading--fg: var(--colors--fg-lo);
-
-    --code--fg: var(--colors--fg-hi);
-
-    --code-block--fg: var(--colors--fg-hi);
-
-    --page--link--idle--fg:    var(--link--idle--fg); // hsl(45, 100%, 70%); // hsl(215, 100%, 80%); // var(--link--idle--fg); // #ffd866;
-    --page--link--visited--fg: var(--colors--fg); // hsl(23, 89%, 65%); // hsl(260, 58%, 78%);  // var(--fg-lo); // #f59458;
-    --page--link--hover--bg:   var(--page--link--idle--fg);
-    --page--link--hover--fg:   #000;
-}