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

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

@@ -0,0 +1,40 @@
+@use 'sass:map';
+@use '../../styles/settings';
+@use '../../styles/tools';
+
+// VNavigationDrawer
+$navigation-drawer-background: rgb(var(--v-theme-surface)) !default;
+$navigation-drawer-border-color: settings.$border-color-root !default;
+$navigation-drawer-border-radius: map.get(settings.$rounded, '0') !default;
+$navigation-drawer-border-style: settings.$border-style-root !default;
+$navigation-drawer-border-thin-width: thin !default;
+$navigation-drawer-border-width: 0 !default;
+$navigation-drawer-color: tools.theme-color('on-surface', var(--v-high-emphasis-opacity)) !default;
+$navigation-drawer-content-height: 100% !default;
+$navigation-drawer-content-overflow-x: hidden !default;
+$navigation-drawer-content-overflow-y: auto !default;
+$navigation-drawer-elevation: 0 !default;
+$navigation-drawer-height: 100% !default;
+$navigation-drawer-img-height: inherit !default;
+$navigation-drawer-img-object-fit: cover !default;
+$navigation-drawer-img-width: inherit !default;
+$navigation-drawer-overflow-scrolling: touch !default;
+$navigation-drawer-rounded-border-radius: settings.$border-radius-root !default;
+$navigation-drawer-temporary-elevation: 4 !default;
+$navigation-drawer-transition-duration: 0.2s !default;
+$navigation-drawer-transition-property: box-shadow, transform, visibility, width, height, left, right, top, bottom !default;
+$navigation-drawer-transition-timing-function: settings.$standard-easing !default;
+$navigation-drawer-scrim-opacity: .2 !default;
+
+// Lists
+$navigation-drawer-border: (
+  $navigation-drawer-border-color,
+  $navigation-drawer-border-style,
+  $navigation-drawer-border-width,
+  $navigation-drawer-border-thin-width
+) !default;
+
+$navigation-drawer-theme: (
+  $navigation-drawer-background,
+  $navigation-drawer-color
+) !default;