1 files changed, 50 insertions, 43 deletions

diff --git a/src/_core.vars.scss b/src/_core.vars.scss
index 0a94534..f7a9ebc 100644
--- a/src/_core.vars.scss
+++ b/src/_core.vars.scss
@@ -89,11 +89,18 @@ $border-width--thick:  props.def(--border-width--thick, 4px) !default;
 $border-width--medium: props.def(--border-width--medium, 2px) !default;
 $border-width--thin:   props.def(--border-width--thin, 1px) !default;
 
-$shadow--x:    props.def(--shadow--x, 0) !default;
-$shadow--y:    props.def(--shadow--y, 1px) !default;
-$shadow--blur: props.def(--shadow--blur, 4px) !default;
+$shadow--l1--x:    props.def(--shadow--l1--x, 0) !default;
+$shadow--l1--y:    props.def(--shadow--l1--y, 2px) !default;
+$shadow--l1--blur: props.def(--shadow--l1--blur, 3px) !default;
+$shadow--l1--grow: props.def(--shadow--l1--grow, -1px) !default;
 
-$rounding: props.def(--rounding, 4px) !default;
+$shadow--l2--x:    props.def(--shadow--l2--x, 0) !default;
+$shadow--l2--y:    props.def(--shadow--l2--y, 5px) !default;
+$shadow--l2--blur: props.def(--shadow--l2--blur, 12px) !default;
+$shadow--l2--grow: props.def(--shadow--l2--grow, -4px) !default;
+
+$rounding:     props.def(--rounding, 12px) !default;
+$rounding--sm: props.def(--rounding--sm, 4px) !default;
 
 $key-focus--outline-width: props.def(--key-focus--outline-width, props.get($border-width--thick)) !default;
 $key-focus--border-width:  props.def(--key-focus--border-width, props.get($border-width--medium)) !default;
@@ -109,8 +116,8 @@ $sticky-top-offset: props.def(--sticky-top-offset, 0rem) !default;
 $-static-colors: ();
 
 @each $palette-name, $palette in map.get(config.$static-colors, --palettes) {
-    $palette: fn.palette($palette, map.get(config.$static-colors, --levels), map.get(config.$static-colors, --base));
-    $-static-colors: map.merge($-static-colors, ( $palette-name: $palette ));
+        $palette: fn.palette($palette, map.get(config.$static-colors, --levels), map.get(config.$static-colors, --base));
+        $-static-colors: map.merge($-static-colors, ( $palette-name: $palette ));
 }
 
 //
@@ -118,11 +125,11 @@ $-static-colors: ();
 $transparent-colors: props.def(--transparent-colors, (), 'color');
 
 @each $palette-name, $palette in (--black: #000 #fff, --white: #fff #000) {
-    $color: list.nth($palette, 1);
-    $text:  list.nth($palette, 2);
+        $color: list.nth($palette, 1);
+        $text:  list.nth($palette, 2);
 
-    $palette: fn.transparent-palette($color, $text, map.get(config.$static-colors, --transparents));
-    $transparent-colors: props.merge($transparent-colors, ( $palette-name: $palette ));
+        $palette: fn.transparent-palette($color, $text, map.get(config.$static-colors, --transparents));
+        $transparent-colors: props.merge($transparent-colors, ( $palette-name: $palette ));
 }
 
 //
@@ -130,47 +137,47 @@ $transparent-colors: props.def(--transparent-colors, (), 'color');
 $themes: ();
 
 @each $theme-name, $theme in config.$themes {
-    @each $variant-name, $variant in $theme {
-        @if $variant != null {
-            $compiled: props.def(--colors, (), 'color');
+        @each $variant-name, $variant in $theme {
+                @if $variant != null {
+                        $compiled: props.def(--colors, (), 'color');
 
-            @each $palette-name, $palette in $-static-colors {
-                $compiled: props.merge($compiled, ( #{$palette-name}-static: $palette ));
-            }
+                        @each $palette-name, $palette in $-static-colors {
+                                $compiled: props.merge($compiled, ( #{$palette-name}-static: $palette ));
+                        }
 
-            @each $palette-name, $palette in map.get($variant, --palettes) {
-                $base-color: list.nth($palette, 1);
-                $levels:     list.nth($palette, 2);
+                        @each $palette-name, $palette in map.get($variant, --palettes) {
+                                $base-color: list.nth($palette, 1);
+                                $levels:     list.nth($palette, 2);
 
-                $palette: fn.palette($base-color, map.get($variant, --levels, $levels), list.nth(map.get($variant, --palettes, --base), 1));
-                $compiled: props.merge($compiled, ( $palette-name: $palette ));
-            }
+                                $palette: fn.palette($base-color, map.get($variant, --levels, $levels), list.nth(map.get($variant, --palettes, --base), 1));
+                                $compiled: props.merge($compiled, ( $palette-name: $palette ));
+                        }
 
-            @each $color, $value in map.get($variant, --constants) {
-                $compiled: props.merge($compiled, ( $color: $value ));
-            }
+                        @each $color, $value in map.get($variant, --constants) {
+                                $compiled: props.merge($compiled, ( $color: $value ));
+                        }
 
-            @each $color, $ref in map.get($variant, --semantic) {
-                $res: ();
+                        @each $color, $ref in map.get($variant, --semantic) {
+                                $res: ();
 
-                @if meta.type-of($ref) == 'map' {
-                    @each $key, $r in $ref {
-                        $re1: list.nth($r, 1);
-                        $re2: functions.list-slice($r, 2);
-                        $res: map.merge($res, ($key: props.get($compiled, $re1, $re2...)));
-                    }
-                } @else {
-                    $ref1: list.nth($ref, 1);
-                    $ref2: functions.list-slice($ref, 2);
-                    $res:  props.get($compiled, $ref1, $ref2...);
-                }
+                                @if meta.type-of($ref) == 'map' {
+                                        @each $key, $r in $ref {
+                                                $re1: list.nth($r, 1);
+                                                $re2: functions.list-slice($r, 2);
+                                                $res: map.merge($res, ($key: props.get($compiled, $re1, $re2...)));
+                                        }
+                                } @else {
+                                        $ref1: list.nth($ref, 1);
+                                        $ref2: functions.list-slice($ref, 2);
+                                        $res:  props.get($compiled, $ref1, $ref2...);
+                                }
 
-                $compiled: props.merge($compiled, ( $color: $res ));
-            }
+                                $compiled: props.merge($compiled, ( $color: $res ));
+                        }
 
-            $themes: map.set($themes, $theme-name, $variant-name, $compiled);
-        }
-    }
+                        $themes: map.set($themes, $theme-name, $variant-name, $compiled);
+                }
+        }
 }
 
 $theme: map.get($themes, config.$theme-default, light) !default;