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

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

@@ -0,0 +1,52 @@
+@use '../../styles/settings';
+@use '../../styles/tools';
+
+// VAlert
+$alert-background: rgb(var(--v-theme-surface-light)) !default;
+$alert-border-color: currentColor !default;
+$alert-border-opacity: .38 !default;
+$alert-border-radius: settings.$border-radius-root !default;
+$alert-border-style: settings.$border-style-root !default;
+$alert-border-thin-width: 8px !default;
+$alert-border-width: 0 !default;
+$alert-color: tools.theme-color('on-surface-light', var(--v-high-emphasis-opacity)) !default;
+$alert-density: ('default': 0, 'comfortable': -1, 'compact': -2) !default;
+$alert-elevation: 1 !default;
+$alert-padding: 16px !default;
+$alert-plain-opacity: .62 !default;
+$alert-plain-transition: .2s opacity settings.$standard-easing !default;
+$alert-positions: absolute fixed sticky !default;
+$alert-prepend-margin-inline-end: 16px !default;
+$alert-prepend-icon-size: 1.75rem !default;
+$alert-append-margin-inline-start: 16px !default;
+$alert-append-close-margin-inline-start: 16px !default;
+
+// VAlertTitle
+$alert-title-font-size: tools.map-deep-get(settings.$typography, 'headline-small', 'size') !default;
+$alert-title-font-weight: tools.map-deep-get(settings.$typography, 'headline-small', 'weight') !default;
+$alert-title-hyphens: auto !default;
+$alert-title-letter-spacing: tools.map-deep-get(settings.$typography, 'headline-small', 'letter-spacing') !default;
+$alert-title-line-height: 1.75rem !default;
+$alert-title-overflow-wrap: normal !default;
+$alert-title-text-transform: none !default;
+$alert-title-word-break: normal !default;
+$alert-title-word-wrap: break-word !default;
+
+// VAlertText
+$alert-text-line-height: 1.35 !default;
+
+// Lists
+$alert-border: (
+  $alert-border-color,
+  $alert-border-style,
+  $alert-border-width,
+  $alert-border-thin-width
+) !default;
+
+$alert-variants: (
+  $alert-background,
+  $alert-color,
+  $alert-elevation,
+  $alert-plain-opacity,
+  'v-alert'
+) !default;