Initial data model migration

less/mixins.less

@@ -0,0 +1,58 @@
+// Mixins for Hawkmoon system
+
+// Flexbox helpers
+.flex-row {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.flex-column {
+  display: flex;
+  flex-direction: column;
+}
+
+.flex-center {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+// Common input styling
+.input-base {
+  padding: @input-padding;
+  border: @input-border;
+  border-radius: @input-border-radius;
+  font-size: @font-size-base;
+
+  &:focus {
+    outline: none;
+    border-color: @color-primary;
+  }
+}
+
+// Button styling
+.button-base {
+  padding: @button-padding;
+  border: @input-border;
+  border-radius: @button-border-radius;
+  background: @color-background;
+  cursor: pointer;
+  font-family: @font-family-base;
+
+  &:hover {
+    background: lighten(@color-secondary, 60%);
+  }
+
+  &:active {
+    background: lighten(@color-secondary, 50%);
+  }
+}
+
+// Label styling
+.label-base {
+  font-family: @font-family-base;
+  font-size: @font-size-base;
+  font-weight: 700;
+  color: @color-text-dark;
+}