1 files changed, 47 insertions, 5 deletions

diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index 7a5ed5c..ba2d1fa 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -60,8 +60,35 @@ $content--width:  42rem;
                 --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.2), calc(var(--colors--accent--l) * 1.2)),
-                --faint:  hsla(var(--colors--accent--h), var(--colors--accent--s), var(--colors--accent--l), .1),
+                --strong: hsl(
+                    var(--colors--accent--h),
+                    calc(var(--colors--accent--s) * 1.2),
+                    calc(var(--colors--accent--l) * 1.2)
+                ),
+                --faint: hsla(
+                    var(--colors--accent--h),
+                    var(--colors--accent--s),
+                    var(--colors--accent--l),
+                    .1
+                ),
+            ),
+
+            --secondary-accent: (
+                --h:      220,
+                --s:      100%,
+                --l:      80%,
+                --color:  hsl(var(--colors--secondary-accent--h), var(--colors--secondary-accent--s), var(--colors--secondary-accent--l)),
+                --strong: hsl(
+                    var(--colors--secondary-accent--h),
+                    calc(var(--colors--secondary-accent--s) * 1.2),
+                    calc(var(--colors--secondary-accent--l) * 1.2)
+                ),
+                --faint: hsla(
+                    var(--colors--secondary-accent--h),
+                    var(--colors--secondary-accent--s),
+                    var(--colors--secondary-accent--l),
+                    .1
+                ),
             ),
 
             --focus-ring: var(--colors--fg-lo),
@@ -75,7 +102,7 @@ $content--width:  42rem;
             --link: (
                 --idle: var(--colors--fg-lo),
                 --colored: (
-                    --idle:    hsl(220, 100%, 80%), //hsl(var(--colors--accent--h), 100%, 66%), //
+                    --idle:    var(--colors--secondary-accent--color), //hsl(var(--colors--accent--h), 100%, 66%), //
                     --visited: hsl(290, 35%, 72%), //hsl(var(--colors--accent--h), 50%, 66%), //
                 )
             ),
@@ -116,7 +143,22 @@ $content--width:  42rem;
                 --h:      354,
                 --s:      74%,
                 --l:      48%,
-                --strong: hsl(var(--colors--accent--h), var(--colors--accent--s), calc(var(--colors--accent--l) * .8)),
+                --strong: hsl(
+                    var(--colors--accent--h),
+                    var(--colors--accent--s),
+                    calc(var(--colors--accent--l) * .8)
+                ),
+            ),
+
+            --secondary-accent: (
+                --h:      220,
+                --s:      60%,
+                --l:      40%,
+                --strong: hsl(
+                    var(--colors--secondary-accent--h),
+                    var(--colors--secondary-accent--s),
+                    calc(var(--colors--secondary-accent--l) * .8)
+                ),
             ),
 
             --select: (
@@ -126,7 +168,7 @@ $content--width:  42rem;
 
             --link: (
                 --colored: (
-                    --idle:    hsl(220, 60%, 40%), //hsl(var(--colors--accent--h), 100%, 66%), //
+                    --idle:    var(--colors--secondary-accent--color), //hsl(var(--colors--accent--h), 100%, 66%), //
                     --visited: hsl(290, 30%, 35%), //hsl(var(--colors--accent--h), 50%, 66%), //
                 )
             ),