chore: seminarhof customer project

apps/app/src/theme.css

@@ -0,0 +1,71 @@
+/**
+ * Seminarhof Drawehn brand theme — global CSS variables + font import.
+ *
+ * Source palette extracted from seminarhof-drawehn.de Elementor kit:
+ *   --brand-plum (secondary), --brand-gold (accent), --brand-text, --brand-bg.
+ * Mantine theme (theme.ts) consumes the same hex codes via createTheme.
+ */
+@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Nunito:wght@400;500;600;700&display=swap');
+
+:root {
+  --brand-plum: #88557f;
+  --brand-plum-dark: #4e3149;
+  --brand-pink: #e9c8e3;
+  --brand-gold: #ffce00;
+  --brand-gold-soft: #fee162;
+  --brand-peach: #ffbc7d;
+  --brand-text: #181818;
+  --brand-muted: #989499;
+  --brand-bg: #f5f5f5;
+}
+
+html,
+body {
+  background: var(--brand-bg);
+  color: var(--brand-text);
+  font-family: 'Open Sans', system-ui, sans-serif;
+}
+
+/* AppShell sidebar NavLink — brand-aligned resting / hover / active states.
+   Active rows get a 3 px inset plum bar plus a soft plum 14% wash. */
+.mantine-NavLink-root {
+  border-radius: 8px;
+  padding: 8px 12px;
+  color: var(--brand-text);
+  position: relative;
+  transition: background-color 120ms ease, color 120ms ease;
+}
+
+.mantine-NavLink-root:hover {
+  background-color: rgba(136, 85, 127, 0.08);
+}
+
+.mantine-NavLink-root[data-active] {
+  background-color: rgba(136, 85, 127, 0.14);
+  color: var(--brand-plum-dark);
+  font-weight: 600;
+}
+
+.mantine-NavLink-root[data-active]::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 6px;
+  bottom: 6px;
+  width: 3px;
+  border-radius: 2px;
+  background: var(--brand-plum);
+}
+
+.mantine-NavLink-label {
+  font-size: 14px;
+  letter-spacing: 0.005em;
+}
+
+/* Dashboard action/upcoming rows — subtle hover affordance. */
+.dash-row {
+  transition: background-color 120ms ease;
+}
+.dash-row:hover {
+  background-color: rgba(136, 85, 127, 0.08);
+}