1 files changed, 23 insertions, 14 deletions

diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index 2fd7b53..37262a6 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -12,6 +12,11 @@ $unit-intervals: (
     '':    0
 );
 
+$responsive-mod-scale: (
+    xs: (1rem, 1.2),
+    sm: (.5rem, 1.6)
+);
+
 $font-fam--text:  'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
 $font-fam--large: 'Garet', $font-fam--text;
 $font-fam--mono:  'Iosevka Term SS09', 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
@@ -19,13 +24,13 @@ $font-size:       16px;
 $line-height:     1.7;
 $content--width:  42rem;
 
-$gray0: hsl(220, 7%, 6%);
-$gray1: hsl(220, 7%, 9%);
-$gray2: hsl(220, 7%, 15%);
-$gray3: hsl(220, 7%, 20%);
-$gray4: hsl(220, 7%, 33%);
-$gray5: hsl(220, 7%, 54%);
-$gray6: hsl(220, 7%, 73%);
+$gray0: hsl(220, 7%, 7%);
+$gray1: hsl(220, 7%, 11%);
+$gray2: hsl(220, 7%, 18%);
+$gray3: hsl(220, 7%, 23%);
+$gray4: hsl(220, 7%, 38%);
+$gray5: hsl(220, 7%, 58%);
+$gray6: hsl(220, 7%, 76%);
 $gray7: hsl(220, 7%, 100%);
 
 @include store((
@@ -34,16 +39,16 @@ $gray7: hsl(220, 7%, 100%);
         --indent: 2rem,
     ),
     --colors: (
-        --bg-hi: $gray0, // Darker background
-        --bg:    $gray1, // Background
-        --bg-lo: $gray2, // Lighter background
+        --bg-hi:  $gray0, // Darker background
+        --bg:     $gray1, // Background
+        --bg-lo:  $gray2, // Lighter background
     
         --obj-hi: $gray3,
         --obj:    $gray4,
     
-        --fg-hi: $gray5, // Faint text
-        --fg:    $gray6, // Text
-        --fg-lo: $gray7, // Strong text
+        --fg-hi:  $gray5, // Faint text
+        --fg:     $gray6, // Text
+        --fg-lo:  $gray7, // Strong text
 
         --accent: (
             --h:     354,
@@ -52,6 +57,8 @@ $gray7: hsl(220, 7%, 100%);
             --color: hsl(var(--colors--accent--h), var(--colors--accent--s), var(--colors--accent--l)),
         ),
 
+        --focus-ring: var(--colors--accent--color),
+
         --select: (
             --bg:     hsla(var(--colors--accent--h), var(--colors--accent--s), var(--colors--accent--l), .996),
             --img-bg: hsla(var(--colors--accent--h), var(--colors--accent--s), var(--colors--accent--l), .5),
@@ -59,7 +66,9 @@ $gray7: hsl(220, 7%, 100%);
         ),
 
         --link: (
-            --idle: var(--colors--fg-lo)
+            --idle:         var(--colors--fg-lo),
+            --idle-body:    hsl(210, 90%, 72%), // hsl(354, 100%, 66%),
+            --visited-body: hsl(270, 60%, 72%), // hsl(354, 50%, 66%),
         )
     )
 ));