Update

1 files changed, 27 insertions, 10 deletions

diff --git a/src/_core.vars.scss b/src/_core.vars.scss
index 65ebb65..40f98b0 100644
--- a/src/_core.vars.scss
+++ b/src/_core.vars.scss
@@ -9,24 +9,41 @@ $themes-spec: (
     --light: (
         --levels: (
             --grays: (
-                --50:  (-16) .8 0,
-                --75:  (-8) .9 0,
-                --100: (0) 1 0,
+                --50:  (-30) .1 0,
+                --75:  (-16) .3 0,
+                --100: (0) .5 0,
             
-                --200: (easing.cubic-bezier(.2, .1, .7, 1, math.div(1, 7)) * 87) (1 + 1 * math.div(1, 7)) (-30 * math.div(1, 7)),
-                --300: (easing.cubic-bezier(.2, .1, .7, 1, math.div(2, 7)) * 87) (1 + 1 * math.div(2, 7)) (-30 * math.div(2, 7)),
-                --400: (easing.cubic-bezier(.2, .1, .7, 1, math.div(3, 7)) * 87) (1 + 1 * math.div(3, 7)) (-30 * math.div(3, 7)),
+                --200: (easing.cubic-bezier(.3, .1, .7, 1, math.div(1, 7)) * 87) (.8 + 1.2 * math.div(0, 6)) (-30 * math.div(1, 7)),
+                --300: (easing.cubic-bezier(.3, .1, .7, 1, math.div(2, 7)) * 87) (.8 + 1.2 * math.div(1, 6)) (-30 * math.div(2, 7)),
+                --400: (easing.cubic-bezier(.3, .1, .7, 1, math.div(3, 7)) * 87) (.8 + 1.2 * math.div(2, 6)) (-30 * math.div(3, 7)),
             
-                --500: (easing.cubic-bezier(.2, .1, .7, 1, math.div(4, 7)) * 87) (1 + 1 * math.div(4, 7)) (-30 * math.div(4, 7)),
-                --600: (easing.cubic-bezier(.2, .1, .7, 1, math.div(5, 7)) * 87) (1 + 1 * math.div(5, 7)) (-30 * math.div(5, 7)),
-                --700: (easing.cubic-bezier(.2, .1, .7, 1, math.div(6, 7)) * 87) (1 + 1 * math.div(6, 7)) (-30 * math.div(6, 7)),
-                --800: (easing.cubic-bezier(.2, .1, .7, 1, math.div(7, 7)) * 87) (1 + 1 * math.div(7, 7)) (-30 * math.div(7, 7)),
+                --500: (easing.cubic-bezier(.3, .1, .7, 1, math.div(4, 7)) * 87) (.8 + 1.2 * math.div(3, 6)) (-30 * math.div(4, 7)),
+                --600: (easing.cubic-bezier(.3, .1, .7, 1, math.div(5, 7)) * 87) (.8 + 1.2 * math.div(4, 6)) (-30 * math.div(5, 7)),
+                --700: (easing.cubic-bezier(.3, .1, .7, 1, math.div(6, 7)) * 87) (.8 + 1.2 * math.div(5, 6)) (-30 * math.div(6, 7)),
+                --800: (easing.cubic-bezier(.3, .1, .7, 1, math.div(7, 7)) * 87) (.8 + 1.2 * math.div(6, 6)) (-30 * math.div(7, 7)),
                 --900: #000
             ),
+
+            --colors: (
+                --100:  (math.div(0, 12) * 80 + 7) (.2 + .8 * easing.ease(math.div(0, 12))),
+                --200:  (math.div(1, 12) * 80 + 7) (.2 + .8 * easing.ease(math.div(1, 12))),
+                --300:  (math.div(2, 12) * 80 + 7) (.2 + .8 * easing.ease(math.div(2, 12))),
+                --400:  (math.div(3, 12) * 80 + 7) (.2 + .8 * easing.ease(math.div(3, 12))),
+                --500:  (math.div(4, 12) * 80 + 7) (.2 + .8 * easing.ease(math.div(4, 12))),
+                --600:  (math.div(5, 12) * 80 + 7) (.2 + .8 * easing.ease(math.div(5, 12))),
+                --700:  (math.div(6, 12) * 80 + 7) (.2 + .8 * easing.ease(math.div(6, 12))),
+                --800:  (math.div(7, 12) * 80 + 7) (.2 + .8 * easing.ease(math.div(7, 12))),
+                --900:  (math.div(8, 12) * 80 + 7) (.2 + .8 * easing.ease(math.div(8, 12))),
+                --1000: (math.div(9, 12) * 80 + 7) (.2 + .8 * easing.ease(math.div(9, 12))),
+                --1100: (math.div(10, 12) * 80 + 7) (.2 + .8 * easing.ease(math.div(10, 12))),
+                --1200: (math.div(11, 12) * 80 + 7) (.2 + .8 * easing.ease(math.div(11, 12))),
+                --1300: (math.div(12, 12) * 80 + 7) (.2 + .8 * easing.ease(math.div(12, 12))),
+            ),
         ),
 
         --palettes: (
             --base: #edddc4 --grays,
+            --red:  #731601 --colors,
         ),
     ),
 );