routie dev init since i didn't adhere to any proper guidance up until now

frontend/node_modules/vuetify/lib/components/VHotkey/_variables.scss

@@ -0,0 +1,44 @@
+@forward '../VKbd/variables';
+@use '../../styles/settings';
+@use '../../styles/tools';
+@use '../VKbd/variables' as vkbd;
+
+$hotkey-gap: 4px !default;
+$hotkey-icon-size: 0.75rem !default;
+$hotkey-divider-opacity: var(--v-medium-emphasis-opacity) !default;
+$hotkey-divider-font-size: 1em !default;
+$hotkey-combination-gap: 2px !default;
+$hotkey-font-size: 0.75rem !default;
+$hotkey-line-height: 1.5 !default;
+$hotkey-padding: 0.2rem !default;
+$hotkey-min-width: 1.5em !default;
+$hotkey-disabled-opacity: 0.26 !default;
+
+
+$hotkey-inline-font-size: 1em !default;
+$hotkey-inline-padding: 1px 4px 0 !default;
+$hotkey-inline-min-width: vkbd.$kbd-min-width !default;
+$hotkey-inline-icon-max-height: calc(1ex + 2px) !default;
+$hotkey-inline-divider-font-size: 1em !default;
+
+$hotkey-contained-padding: 0.2rem 4px !default;
+$hotkey-contained-prefix-margin-right: 2px !default;
+$hotkey-contained-suffix-margin-left: 2px !default;
+
+$hotkey-prefix-suffix-opacity: var(--v-medium-emphasis-opacity) !default;
+$hotkey-prefix-suffix-contained-opacity: var(--v-high-emphasis-opacity) !default;
+$hotkey-prefix-suffix-font-weight: normal !default;
+
+// Variant variables
+$hotkey-background: rgb(var(--v-theme-surface)) !default;
+$hotkey-color: tools.theme-color('on-surface', var(--v-high-emphasis-opacity)) !default;
+$hotkey-elevation: 1 !default;
+$hotkey-plain-opacity: .62 !default;
+
+$hotkey-variants: (
+  $hotkey-background,
+  $hotkey-color,
+  $hotkey-elevation,
+  $hotkey-plain-opacity,
+  'v-hotkey'
+) !default;