chore: seminarhof customer project

packages/mantine-theme/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@project/mantine-theme",
+  "version": "0.0.1",
+  "private": true,
+  "type": "module",
+  "exports": {
+    ".": "./src/index.ts"
+  },
+  "dependencies": {
+    "@pikku/mantine": "^0.12.6"
+  }
+}

packages/mantine-theme/src/index.ts

@@ -0,0 +1,75 @@
+import { createTheme, type MantineColorsTuple } from '@pikku/mantine/core'
+
+// Seminarhof Drawehn brand palette — extracted from the public marketing site
+// (seminarhof-drawehn.de Elementor "kit"): primary plum #88557F, accent gold
+// #FFCE00, dark text #181818, page bg #F5F5F5. Fonts: Open Sans throughout.
+//
+// Mantine wants a 10-shade tuple per colour. We seed each tuple from the
+// brand hex and extend lighter/darker around it; the brand value sits at
+// index 6 (the default `filled` shade).
+
+const plum: MantineColorsTuple = [
+  '#f7eef5',
+  '#e9d4e2',
+  '#d3a7c4',
+  '#bc7aa6',
+  '#a05c8e',
+  '#94487f',
+  '#88557F', // brand secondary
+  '#6f4467',
+  '#583651',
+  '#4E3149', // brand dark plum
+]
+
+const gold: MantineColorsTuple = [
+  '#fff8e0',
+  '#ffeeba',
+  '#ffe48f',
+  '#ffd95f',
+  '#ffd13b',
+  '#FFCE00', // brand accent
+  '#e6b900',
+  '#b38f00',
+  '#806600',
+  '#4d3d00',
+]
+
+const peach: MantineColorsTuple = [
+  '#fff4ea',
+  '#ffe4cc',
+  '#ffd2ad',
+  '#ffbc7d', // brand peach
+  '#ffa856',
+  '#ff9433',
+  '#f37e15',
+  '#cc6810',
+  '#a3520a',
+  '#7a3d05',
+]
+
+export const theme = createTheme({
+  primaryColor: 'plum',
+  primaryShade: { light: 6, dark: 5 },
+  colors: { plum, gold, peach },
+  fontFamily: '"Open Sans", system-ui, sans-serif',
+  fontFamilyMonospace: 'ui-monospace, Menlo, monospace',
+  headings: {
+    fontFamily: '"Open Sans", system-ui, sans-serif',
+    fontWeight: '700',
+  },
+  defaultRadius: 'md',
+  black: '#181818',
+  white: '#ffffff',
+})
+
+export const brand = {
+  primary: '#88557F',
+  primaryDark: '#4E3149',
+  accent: '#FFCE00',
+  accentSoft: '#FEE162',
+  pink: '#E9C8E3',
+  peach: '#FFBC7D',
+  text: '#181818',
+  pageBg: '#F5F5F5',
+  tagline: 'Arrive, Unwind, Recharge.',
+} as const