1 files changed, 24 insertions, 18 deletions

diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index 3461b81..0c6102d 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -1,9 +1,8 @@
-$iro-root-size: 16px;
-
 $breakpoints: (
     xs: 320px,
-    sm: 700px,
-    md: 1100px,
+    sm: 600px,
+    md: 900px,
+    lg: 1400px,
 );
 
 $unit-intervals: (
@@ -18,28 +17,35 @@ $font-fam--large:    'Garet Variable', $font-fam--text;
 $font-fam--mono:     'Iosevka Term SS09', 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
 $font-size:          16px;
 $line-height:        1.7;
-$content--width:     56rem;
+$content--width:     42rem;
 $subcontent--indent: 2em;
 
-$gray0: hsl(220, 0%, 7%);
-$gray1: hsl(220, 0%, 10%);
-$gray2: hsl(220, 0%, 29%);
-$gray3: hsl(220, 0%, 54%);
-$gray4: hsl(220, 0%, 73%);
-$gray5: hsl(220, 0%, 100%);
+$gray0: hsl(220, 0%, 6%);
+$gray1: hsl(220, 0%, 9%);
+$gray2: hsl(220, 0%, 16%);
+$gray3: hsl(220, 0%, 29%);
+$gray4: hsl(220, 0%, 54%);
+$gray5: hsl(220, 0%, 73%);
+$gray6: hsl(220, 0%, 100%);
 
 @include store((
     --colors: (
-        --bg-hi: $gray0, // Lighter background
+        --bg-hi: $gray0, // Darker background
         --bg:    $gray1, // Background
+        --bg-lo: $gray2, // Lighter background
     
-        --obj:   $gray2,
+        --obj:   $gray3,
     
-        --fg-hi: $gray3, // Faint text
-        --fg:    $gray4, // Text
-        --fg-lo: $gray5, // Strong text
-
-        --accent: hsl(354, 84%, 55%),
+        --fg-hi: $gray4, // Faint text
+        --fg:    $gray5, // Text
+        --fg-lo: $gray6, // Strong text
+
+        --accent: (
+            --h: 354,
+            --s: 84%,
+            --l: 55%,
+            --color: hsl(var(--colors--accent--h), var(--colors--accent--s), var(--colors--accent--l)),
+        )
     )
 ));