3 files changed, 26 insertions, 4 deletions

diff --git a/src/_vars.scss b/src/_vars.scss
index e838a82..9537429 100644
--- a/src/_vars.scss
+++ b/src/_vars.scss
@@ -90,8 +90,9 @@ media.$unit-intervals: (
     @return (
         --hi:        blend.scale($base, $lightness: 15%, $chroma: 20%),
         --main:      $base,
-        --lo:        blend.scale($base, $lightness: -15%),
-        --lo2:       blend.scale($base, $lightness: -25%),
+        --lo:        blend.scale($base, $lightness: -15%, $chroma: -20%),
+        --lo2:       blend.scale($base, $lightness: -25%, $chroma: -40%),
+        --semi:      rgba($base, .4),
         --selection: rgba($base, .99),
         --fg:        #fff,
     );
diff --git a/src/objects/_action-menu.scss b/src/objects/_action-menu.scss
index e908fdf..2c922f8 100644
--- a/src/objects/_action-menu.scss
+++ b/src/objects/_action-menu.scss
@@ -32,6 +32,12 @@
                 --disabled: (
                     --label: fn.global-color(--fg-hi3),
                 ),
+                --key-focus: (
+                    --bg:     fn.global-color(--obj-hi),
+                    --label:  fn.global-color(--fg-lo),
+                    --border: fn.global-color(--focus --fill),
+                    --shadow: fn.global-color(--focus --shadow),
+                ),
             ),
         ),
     ), 'colors');
@@ -76,7 +82,8 @@
             display:    block;
             box-sizing: border-box;
             width:      100%;
-            padding:    fn.dim(--item --pad-y) fn.dim(--item --pad-x);
+            padding:    calc(fn.dim(--item --pad-y) - 2px) calc(fn.dim(--item --pad-x) - 2px);
+            border:     2px solid transparent;
             color:      fn.color(--item --disabled --label);
 
             &:link,
@@ -97,6 +104,20 @@
                         color: currentColor;
                     }
                 }
+    
+                @include iro.bem-at-theme('keyboard') {
+                    &:focus {
+                        border-radius:    2px;
+                        border-color:     fn.color(--item --key-focus --border);
+                        background-color: fn.color(--item --key-focus --bg);
+                        box-shadow:       fn.color(--item --key-focus --shadow);
+                        color:            fn.color(--item --key-focus --label);
+
+                        @include iro.bem-elem('icon') {
+                            color: currentColor;
+                        }
+                    }
+                }
             }
         }
 
diff --git a/src/objects/_button.scss b/src/objects/_button.scss
index 0df0148..e5fcfaa 100644
--- a/src/objects/_button.scss
+++ b/src/objects/_button.scss
@@ -51,7 +51,7 @@
                 ),
                 --key-focus: (
                     --bg:     transparent,
-                    --label:  fn.global-color(--accent --primary --lo2),
+                    --label:  fn.global-color(--focus --text),
                     --border: fn.global-color(--focus --fill),
                     --shadow: fn.global-color(--focus --shadow),
                 ),