diff --git a/src/features/theme/core/mantine-variables.css b/src/features/theme/core/mantine-variables.css
new file mode 100644
index 0000000..2e67164
--- /dev/null
+++ b/src/features/theme/core/mantine-variables.css
@@ -0,0 +1,1176 @@
+/**
+ * IDE autocompletion stub for custom Mantine CSS variables.
+ * This file is NOT imported anywhere — it exists only so WebStorm can index
+ * the variables that Mantine generates at runtime for custom theme colors.
+ * Do not delete this file.
+ */
+
+:root {
+	--mantine-color-primary-0: ;
+	--mantine-color-primary-1: ;
+	--mantine-color-primary-2: ;
+	--mantine-color-primary-3: ;
+	--mantine-color-primary-4: ;
+	--mantine-color-primary-5: ;
+	--mantine-color-primary-6: ;
+	--mantine-color-primary-7: ;
+	--mantine-color-primary-8: ;
+	--mantine-color-primary-9: ;
+	--mantine-color-primary-text: ;
+	--mantine-color-primary-filled: ;
+	--mantine-color-primary-filled-hover: ;
+	--mantine-color-primary-light: ;
+	--mantine-color-primary-light-hover: ;
+	--mantine-color-primary-light-color: ;
+	--mantine-color-primary-outline: ;
+	--mantine-color-primary-outline-hover: ;
+
+	--mantine-color-primaryDark-0: ;
+	--mantine-color-primaryDark-1: ;
+	--mantine-color-primaryDark-2: ;
+	--mantine-color-primaryDark-3: ;
+	--mantine-color-primaryDark-4: ;
+	--mantine-color-primaryDark-5: ;
+	--mantine-color-primaryDark-6: ;
+	--mantine-color-primaryDark-7: ;
+	--mantine-color-primaryDark-8: ;
+	--mantine-color-primaryDark-9: ;
+
+	--mantine-color-primaryLight-0: ;
+	--mantine-color-primaryLight-1: ;
+	--mantine-color-primaryLight-2: ;
+	--mantine-color-primaryLight-3: ;
+	--mantine-color-primaryLight-4: ;
+	--mantine-color-primaryLight-5: ;
+	--mantine-color-primaryLight-6: ;
+	--mantine-color-primaryLight-7: ;
+	--mantine-color-primaryLight-8: ;
+	--mantine-color-primaryLight-9: ;
+
+	--mantine-color-primaryFg-0: ;
+	--mantine-color-primaryFg-1: ;
+	--mantine-color-primaryFg-2: ;
+	--mantine-color-primaryFg-3: ;
+	--mantine-color-primaryFg-4: ;
+	--mantine-color-primaryFg-5: ;
+	--mantine-color-primaryFg-6: ;
+	--mantine-color-primaryFg-7: ;
+	--mantine-color-primaryFg-8: ;
+	--mantine-color-primaryFg-9: ;
+
+	--mantine-color-primaryFgDark-0: ;
+	--mantine-color-primaryFgDark-1: ;
+	--mantine-color-primaryFgDark-2: ;
+	--mantine-color-primaryFgDark-3: ;
+	--mantine-color-primaryFgDark-4: ;
+	--mantine-color-primaryFgDark-5: ;
+	--mantine-color-primaryFgDark-6: ;
+	--mantine-color-primaryFgDark-7: ;
+	--mantine-color-primaryFgDark-8: ;
+	--mantine-color-primaryFgDark-9: ;
+
+	--mantine-color-primaryFgLight-0: ;
+	--mantine-color-primaryFgLight-1: ;
+	--mantine-color-primaryFgLight-2: ;
+	--mantine-color-primaryFgLight-3: ;
+	--mantine-color-primaryFgLight-4: ;
+	--mantine-color-primaryFgLight-5: ;
+	--mantine-color-primaryFgLight-6: ;
+	--mantine-color-primaryFgLight-7: ;
+	--mantine-color-primaryFgLight-8: ;
+	--mantine-color-primaryFgLight-9: ;
+
+	--mantine-color-secondary-0: ;
+	--mantine-color-secondary-1: ;
+	--mantine-color-secondary-2: ;
+	--mantine-color-secondary-3: ;
+	--mantine-color-secondary-4: ;
+	--mantine-color-secondary-5: ;
+	--mantine-color-secondary-6: ;
+	--mantine-color-secondary-7: ;
+	--mantine-color-secondary-8: ;
+	--mantine-color-secondary-9: ;
+	--mantine-color-secondary-text: ;
+	--mantine-color-secondary-filled: ;
+	--mantine-color-secondary-filled-hover: ;
+	--mantine-color-secondary-light: ;
+	--mantine-color-secondary-light-hover: ;
+	--mantine-color-secondary-light-color: ;
+	--mantine-color-secondary-outline: ;
+	--mantine-color-secondary-outline-hover: ;
+
+	--mantine-color-secondaryDark-0: ;
+	--mantine-color-secondaryDark-1: ;
+	--mantine-color-secondaryDark-2: ;
+	--mantine-color-secondaryDark-3: ;
+	--mantine-color-secondaryDark-4: ;
+	--mantine-color-secondaryDark-5: ;
+	--mantine-color-secondaryDark-6: ;
+	--mantine-color-secondaryDark-7: ;
+	--mantine-color-secondaryDark-8: ;
+	--mantine-color-secondaryDark-9: ;
+
+	--mantine-color-secondaryLight-0: ;
+	--mantine-color-secondaryLight-1: ;
+	--mantine-color-secondaryLight-2: ;
+	--mantine-color-secondaryLight-3: ;
+	--mantine-color-secondaryLight-4: ;
+	--mantine-color-secondaryLight-5: ;
+	--mantine-color-secondaryLight-6: ;
+	--mantine-color-secondaryLight-7: ;
+	--mantine-color-secondaryLight-8: ;
+	--mantine-color-secondaryLight-9: ;
+
+	--mantine-color-secondaryFg-0: ;
+	--mantine-color-secondaryFg-1: ;
+	--mantine-color-secondaryFg-2: ;
+	--mantine-color-secondaryFg-3: ;
+	--mantine-color-secondaryFg-4: ;
+	--mantine-color-secondaryFg-5: ;
+	--mantine-color-secondaryFg-6: ;
+	--mantine-color-secondaryFg-7: ;
+	--mantine-color-secondaryFg-8: ;
+	--mantine-color-secondaryFg-9: ;
+
+	--mantine-color-secondaryFgDark-0: ;
+	--mantine-color-secondaryFgDark-1: ;
+	--mantine-color-secondaryFgDark-2: ;
+	--mantine-color-secondaryFgDark-3: ;
+	--mantine-color-secondaryFgDark-4: ;
+	--mantine-color-secondaryFgDark-5: ;
+	--mantine-color-secondaryFgDark-6: ;
+	--mantine-color-secondaryFgDark-7: ;
+	--mantine-color-secondaryFgDark-8: ;
+	--mantine-color-secondaryFgDark-9: ;
+
+	--mantine-color-secondaryFgLight-0: ;
+	--mantine-color-secondaryFgLight-1: ;
+	--mantine-color-secondaryFgLight-2: ;
+	--mantine-color-secondaryFgLight-3: ;
+	--mantine-color-secondaryFgLight-4: ;
+	--mantine-color-secondaryFgLight-5: ;
+	--mantine-color-secondaryFgLight-6: ;
+	--mantine-color-secondaryFgLight-7: ;
+	--mantine-color-secondaryFgLight-8: ;
+	--mantine-color-secondaryFgLight-9: ;
+
+	--mantine-color-accent-0: ;
+	--mantine-color-accent-1: ;
+	--mantine-color-accent-2: ;
+	--mantine-color-accent-3: ;
+	--mantine-color-accent-4: ;
+	--mantine-color-accent-5: ;
+	--mantine-color-accent-6: ;
+	--mantine-color-accent-7: ;
+	--mantine-color-accent-8: ;
+	--mantine-color-accent-9: ;
+	--mantine-color-accent-text: ;
+	--mantine-color-accent-filled: ;
+	--mantine-color-accent-filled-hover: ;
+	--mantine-color-accent-light: ;
+	--mantine-color-accent-light-hover: ;
+	--mantine-color-accent-light-color: ;
+	--mantine-color-accent-outline: ;
+	--mantine-color-accent-outline-hover: ;
+
+	--mantine-color-accentDark-0: ;
+	--mantine-color-accentDark-1: ;
+	--mantine-color-accentDark-2: ;
+	--mantine-color-accentDark-3: ;
+	--mantine-color-accentDark-4: ;
+	--mantine-color-accentDark-5: ;
+	--mantine-color-accentDark-6: ;
+	--mantine-color-accentDark-7: ;
+	--mantine-color-accentDark-8: ;
+	--mantine-color-accentDark-9: ;
+
+	--mantine-color-accentLight-0: ;
+	--mantine-color-accentLight-1: ;
+	--mantine-color-accentLight-2: ;
+	--mantine-color-accentLight-3: ;
+	--mantine-color-accentLight-4: ;
+	--mantine-color-accentLight-5: ;
+	--mantine-color-accentLight-6: ;
+	--mantine-color-accentLight-7: ;
+	--mantine-color-accentLight-8: ;
+	--mantine-color-accentLight-9: ;
+
+	--mantine-color-accentFg-0: ;
+	--mantine-color-accentFg-1: ;
+	--mantine-color-accentFg-2: ;
+	--mantine-color-accentFg-3: ;
+	--mantine-color-accentFg-4: ;
+	--mantine-color-accentFg-5: ;
+	--mantine-color-accentFg-6: ;
+	--mantine-color-accentFg-7: ;
+	--mantine-color-accentFg-8: ;
+	--mantine-color-accentFg-9: ;
+
+	--mantine-color-accentFgDark-0: ;
+	--mantine-color-accentFgDark-1: ;
+	--mantine-color-accentFgDark-2: ;
+	--mantine-color-accentFgDark-3: ;
+	--mantine-color-accentFgDark-4: ;
+	--mantine-color-accentFgDark-5: ;
+	--mantine-color-accentFgDark-6: ;
+	--mantine-color-accentFgDark-7: ;
+	--mantine-color-accentFgDark-8: ;
+	--mantine-color-accentFgDark-9: ;
+
+	--mantine-color-accentFgLight-0: ;
+	--mantine-color-accentFgLight-1: ;
+	--mantine-color-accentFgLight-2: ;
+	--mantine-color-accentFgLight-3: ;
+	--mantine-color-accentFgLight-4: ;
+	--mantine-color-accentFgLight-5: ;
+	--mantine-color-accentFgLight-6: ;
+	--mantine-color-accentFgLight-7: ;
+	--mantine-color-accentFgLight-8: ;
+	--mantine-color-accentFgLight-9: ;
+
+	--mantine-color-base-0: ;
+	--mantine-color-base-1: ;
+	--mantine-color-base-2: ;
+	--mantine-color-base-3: ;
+	--mantine-color-base-4: ;
+	--mantine-color-base-5: ;
+	--mantine-color-base-6: ;
+	--mantine-color-base-7: ;
+	--mantine-color-base-8: ;
+	--mantine-color-base-9: ;
+	--mantine-color-base-text: ;
+	--mantine-color-base-filled: ;
+	--mantine-color-base-filled-hover: ;
+	--mantine-color-base-light: ;
+	--mantine-color-base-light-hover: ;
+	--mantine-color-base-light-color: ;
+	--mantine-color-base-outline: ;
+	--mantine-color-base-outline-hover: ;
+
+	--mantine-color-baseDark-0: ;
+	--mantine-color-baseDark-1: ;
+	--mantine-color-baseDark-2: ;
+	--mantine-color-baseDark-3: ;
+	--mantine-color-baseDark-4: ;
+	--mantine-color-baseDark-5: ;
+	--mantine-color-baseDark-6: ;
+	--mantine-color-baseDark-7: ;
+	--mantine-color-baseDark-8: ;
+	--mantine-color-baseDark-9: ;
+
+	--mantine-color-baseLight-0: ;
+	--mantine-color-baseLight-1: ;
+	--mantine-color-baseLight-2: ;
+	--mantine-color-baseLight-3: ;
+	--mantine-color-baseLight-4: ;
+	--mantine-color-baseLight-5: ;
+	--mantine-color-baseLight-6: ;
+	--mantine-color-baseLight-7: ;
+	--mantine-color-baseLight-8: ;
+	--mantine-color-baseLight-9: ;
+
+	--mantine-color-baseFg-0: ;
+	--mantine-color-baseFg-1: ;
+	--mantine-color-baseFg-2: ;
+	--mantine-color-baseFg-3: ;
+	--mantine-color-baseFg-4: ;
+	--mantine-color-baseFg-5: ;
+	--mantine-color-baseFg-6: ;
+	--mantine-color-baseFg-7: ;
+	--mantine-color-baseFg-8: ;
+	--mantine-color-baseFg-9: ;
+
+	--mantine-color-baseFgDark-0: ;
+	--mantine-color-baseFgDark-1: ;
+	--mantine-color-baseFgDark-2: ;
+	--mantine-color-baseFgDark-3: ;
+	--mantine-color-baseFgDark-4: ;
+	--mantine-color-baseFgDark-5: ;
+	--mantine-color-baseFgDark-6: ;
+	--mantine-color-baseFgDark-7: ;
+	--mantine-color-baseFgDark-8: ;
+	--mantine-color-baseFgDark-9: ;
+
+	--mantine-color-baseFgLight-0: ;
+	--mantine-color-baseFgLight-1: ;
+	--mantine-color-baseFgLight-2: ;
+	--mantine-color-baseFgLight-3: ;
+	--mantine-color-baseFgLight-4: ;
+	--mantine-color-baseFgLight-5: ;
+	--mantine-color-baseFgLight-6: ;
+	--mantine-color-baseFgLight-7: ;
+	--mantine-color-baseFgLight-8: ;
+	--mantine-color-baseFgLight-9: ;
+
+	--mantine-color-card-0: ;
+	--mantine-color-card-1: ;
+	--mantine-color-card-2: ;
+	--mantine-color-card-3: ;
+	--mantine-color-card-4: ;
+	--mantine-color-card-5: ;
+	--mantine-color-card-6: ;
+	--mantine-color-card-7: ;
+	--mantine-color-card-8: ;
+	--mantine-color-card-9: ;
+	--mantine-color-card-text: ;
+	--mantine-color-card-filled: ;
+	--mantine-color-card-filled-hover: ;
+	--mantine-color-card-light: ;
+	--mantine-color-card-light-hover: ;
+	--mantine-color-card-light-color: ;
+	--mantine-color-card-outline: ;
+	--mantine-color-card-outline-hover: ;
+
+	--mantine-color-cardDark-0: ;
+	--mantine-color-cardDark-1: ;
+	--mantine-color-cardDark-2: ;
+	--mantine-color-cardDark-3: ;
+	--mantine-color-cardDark-4: ;
+	--mantine-color-cardDark-5: ;
+	--mantine-color-cardDark-6: ;
+	--mantine-color-cardDark-7: ;
+	--mantine-color-cardDark-8: ;
+	--mantine-color-cardDark-9: ;
+
+	--mantine-color-cardLight-0: ;
+	--mantine-color-cardLight-1: ;
+	--mantine-color-cardLight-2: ;
+	--mantine-color-cardLight-3: ;
+	--mantine-color-cardLight-4: ;
+	--mantine-color-cardLight-5: ;
+	--mantine-color-cardLight-6: ;
+	--mantine-color-cardLight-7: ;
+	--mantine-color-cardLight-8: ;
+	--mantine-color-cardLight-9: ;
+
+	--mantine-color-cardFg-0: ;
+	--mantine-color-cardFg-1: ;
+	--mantine-color-cardFg-2: ;
+	--mantine-color-cardFg-3: ;
+	--mantine-color-cardFg-4: ;
+	--mantine-color-cardFg-5: ;
+	--mantine-color-cardFg-6: ;
+	--mantine-color-cardFg-7: ;
+	--mantine-color-cardFg-8: ;
+	--mantine-color-cardFg-9: ;
+
+	--mantine-color-cardFgDark-0: ;
+	--mantine-color-cardFgDark-1: ;
+	--mantine-color-cardFgDark-2: ;
+	--mantine-color-cardFgDark-3: ;
+	--mantine-color-cardFgDark-4: ;
+	--mantine-color-cardFgDark-5: ;
+	--mantine-color-cardFgDark-6: ;
+	--mantine-color-cardFgDark-7: ;
+	--mantine-color-cardFgDark-8: ;
+	--mantine-color-cardFgDark-9: ;
+
+	--mantine-color-cardFgLight-0: ;
+	--mantine-color-cardFgLight-1: ;
+	--mantine-color-cardFgLight-2: ;
+	--mantine-color-cardFgLight-3: ;
+	--mantine-color-cardFgLight-4: ;
+	--mantine-color-cardFgLight-5: ;
+	--mantine-color-cardFgLight-6: ;
+	--mantine-color-cardFgLight-7: ;
+	--mantine-color-cardFgLight-8: ;
+	--mantine-color-cardFgLight-9: ;
+
+	--mantine-color-popover-0: ;
+	--mantine-color-popover-1: ;
+	--mantine-color-popover-2: ;
+	--mantine-color-popover-3: ;
+	--mantine-color-popover-4: ;
+	--mantine-color-popover-5: ;
+	--mantine-color-popover-6: ;
+	--mantine-color-popover-7: ;
+	--mantine-color-popover-8: ;
+	--mantine-color-popover-9: ;
+	--mantine-color-popover-text: ;
+	--mantine-color-popover-filled: ;
+	--mantine-color-popover-filled-hover: ;
+	--mantine-color-popover-light: ;
+	--mantine-color-popover-light-hover: ;
+	--mantine-color-popover-light-color: ;
+	--mantine-color-popover-outline: ;
+	--mantine-color-popover-outline-hover: ;
+
+	--mantine-color-popoverDark-0: ;
+	--mantine-color-popoverDark-1: ;
+	--mantine-color-popoverDark-2: ;
+	--mantine-color-popoverDark-3: ;
+	--mantine-color-popoverDark-4: ;
+	--mantine-color-popoverDark-5: ;
+	--mantine-color-popoverDark-6: ;
+	--mantine-color-popoverDark-7: ;
+	--mantine-color-popoverDark-8: ;
+	--mantine-color-popoverDark-9: ;
+
+	--mantine-color-popoverLight-0: ;
+	--mantine-color-popoverLight-1: ;
+	--mantine-color-popoverLight-2: ;
+	--mantine-color-popoverLight-3: ;
+	--mantine-color-popoverLight-4: ;
+	--mantine-color-popoverLight-5: ;
+	--mantine-color-popoverLight-6: ;
+	--mantine-color-popoverLight-7: ;
+	--mantine-color-popoverLight-8: ;
+	--mantine-color-popoverLight-9: ;
+
+	--mantine-color-popoverFg-0: ;
+	--mantine-color-popoverFg-1: ;
+	--mantine-color-popoverFg-2: ;
+	--mantine-color-popoverFg-3: ;
+	--mantine-color-popoverFg-4: ;
+	--mantine-color-popoverFg-5: ;
+	--mantine-color-popoverFg-6: ;
+	--mantine-color-popoverFg-7: ;
+	--mantine-color-popoverFg-8: ;
+	--mantine-color-popoverFg-9: ;
+
+	--mantine-color-popoverFgDark-0: ;
+	--mantine-color-popoverFgDark-1: ;
+	--mantine-color-popoverFgDark-2: ;
+	--mantine-color-popoverFgDark-3: ;
+	--mantine-color-popoverFgDark-4: ;
+	--mantine-color-popoverFgDark-5: ;
+	--mantine-color-popoverFgDark-6: ;
+	--mantine-color-popoverFgDark-7: ;
+	--mantine-color-popoverFgDark-8: ;
+	--mantine-color-popoverFgDark-9: ;
+
+	--mantine-color-popoverFgLight-0: ;
+	--mantine-color-popoverFgLight-1: ;
+	--mantine-color-popoverFgLight-2: ;
+	--mantine-color-popoverFgLight-3: ;
+	--mantine-color-popoverFgLight-4: ;
+	--mantine-color-popoverFgLight-5: ;
+	--mantine-color-popoverFgLight-6: ;
+	--mantine-color-popoverFgLight-7: ;
+	--mantine-color-popoverFgLight-8: ;
+	--mantine-color-popoverFgLight-9: ;
+
+	--mantine-color-muted-0: ;
+	--mantine-color-muted-1: ;
+	--mantine-color-muted-2: ;
+	--mantine-color-muted-3: ;
+	--mantine-color-muted-4: ;
+	--mantine-color-muted-5: ;
+	--mantine-color-muted-6: ;
+	--mantine-color-muted-7: ;
+	--mantine-color-muted-8: ;
+	--mantine-color-muted-9: ;
+	--mantine-color-muted-text: ;
+	--mantine-color-muted-filled: ;
+	--mantine-color-muted-filled-hover: ;
+	--mantine-color-muted-light: ;
+	--mantine-color-muted-light-hover: ;
+	--mantine-color-muted-light-color: ;
+	--mantine-color-muted-outline: ;
+	--mantine-color-muted-outline-hover: ;
+
+	--mantine-color-mutedDark-0: ;
+	--mantine-color-mutedDark-1: ;
+	--mantine-color-mutedDark-2: ;
+	--mantine-color-mutedDark-3: ;
+	--mantine-color-mutedDark-4: ;
+	--mantine-color-mutedDark-5: ;
+	--mantine-color-mutedDark-6: ;
+	--mantine-color-mutedDark-7: ;
+	--mantine-color-mutedDark-8: ;
+	--mantine-color-mutedDark-9: ;
+
+	--mantine-color-mutedLight-0: ;
+	--mantine-color-mutedLight-1: ;
+	--mantine-color-mutedLight-2: ;
+	--mantine-color-mutedLight-3: ;
+	--mantine-color-mutedLight-4: ;
+	--mantine-color-mutedLight-5: ;
+	--mantine-color-mutedLight-6: ;
+	--mantine-color-mutedLight-7: ;
+	--mantine-color-mutedLight-8: ;
+	--mantine-color-mutedLight-9: ;
+
+	--mantine-color-mutedFg-0: ;
+	--mantine-color-mutedFg-1: ;
+	--mantine-color-mutedFg-2: ;
+	--mantine-color-mutedFg-3: ;
+	--mantine-color-mutedFg-4: ;
+	--mantine-color-mutedFg-5: ;
+	--mantine-color-mutedFg-6: ;
+	--mantine-color-mutedFg-7: ;
+	--mantine-color-mutedFg-8: ;
+	--mantine-color-mutedFg-9: ;
+
+	--mantine-color-mutedFgDark-0: ;
+	--mantine-color-mutedFgDark-1: ;
+	--mantine-color-mutedFgDark-2: ;
+	--mantine-color-mutedFgDark-3: ;
+	--mantine-color-mutedFgDark-4: ;
+	--mantine-color-mutedFgDark-5: ;
+	--mantine-color-mutedFgDark-6: ;
+	--mantine-color-mutedFgDark-7: ;
+	--mantine-color-mutedFgDark-8: ;
+	--mantine-color-mutedFgDark-9: ;
+
+	--mantine-color-mutedFgLight-0: ;
+	--mantine-color-mutedFgLight-1: ;
+	--mantine-color-mutedFgLight-2: ;
+	--mantine-color-mutedFgLight-3: ;
+	--mantine-color-mutedFgLight-4: ;
+	--mantine-color-mutedFgLight-5: ;
+	--mantine-color-mutedFgLight-6: ;
+	--mantine-color-mutedFgLight-7: ;
+	--mantine-color-mutedFgLight-8: ;
+	--mantine-color-mutedFgLight-9: ;
+
+	--mantine-color-destructive-0: ;
+	--mantine-color-destructive-1: ;
+	--mantine-color-destructive-2: ;
+	--mantine-color-destructive-3: ;
+	--mantine-color-destructive-4: ;
+	--mantine-color-destructive-5: ;
+	--mantine-color-destructive-6: ;
+	--mantine-color-destructive-7: ;
+	--mantine-color-destructive-8: ;
+	--mantine-color-destructive-9: ;
+	--mantine-color-destructive-text: ;
+	--mantine-color-destructive-filled: ;
+	--mantine-color-destructive-filled-hover: ;
+	--mantine-color-destructive-light: ;
+	--mantine-color-destructive-light-hover: ;
+	--mantine-color-destructive-light-color: ;
+	--mantine-color-destructive-outline: ;
+	--mantine-color-destructive-outline-hover: ;
+
+	--mantine-color-destructiveDark-0: ;
+	--mantine-color-destructiveDark-1: ;
+	--mantine-color-destructiveDark-2: ;
+	--mantine-color-destructiveDark-3: ;
+	--mantine-color-destructiveDark-4: ;
+	--mantine-color-destructiveDark-5: ;
+	--mantine-color-destructiveDark-6: ;
+	--mantine-color-destructiveDark-7: ;
+	--mantine-color-destructiveDark-8: ;
+	--mantine-color-destructiveDark-9: ;
+
+	--mantine-color-destructiveLight-0: ;
+	--mantine-color-destructiveLight-1: ;
+	--mantine-color-destructiveLight-2: ;
+	--mantine-color-destructiveLight-3: ;
+	--mantine-color-destructiveLight-4: ;
+	--mantine-color-destructiveLight-5: ;
+	--mantine-color-destructiveLight-6: ;
+	--mantine-color-destructiveLight-7: ;
+	--mantine-color-destructiveLight-8: ;
+	--mantine-color-destructiveLight-9: ;
+
+	--mantine-color-destructiveFg-0: ;
+	--mantine-color-destructiveFg-1: ;
+	--mantine-color-destructiveFg-2: ;
+	--mantine-color-destructiveFg-3: ;
+	--mantine-color-destructiveFg-4: ;
+	--mantine-color-destructiveFg-5: ;
+	--mantine-color-destructiveFg-6: ;
+	--mantine-color-destructiveFg-7: ;
+	--mantine-color-destructiveFg-8: ;
+	--mantine-color-destructiveFg-9: ;
+
+	--mantine-color-destructiveFgDark-0: ;
+	--mantine-color-destructiveFgDark-1: ;
+	--mantine-color-destructiveFgDark-2: ;
+	--mantine-color-destructiveFgDark-3: ;
+	--mantine-color-destructiveFgDark-4: ;
+	--mantine-color-destructiveFgDark-5: ;
+	--mantine-color-destructiveFgDark-6: ;
+	--mantine-color-destructiveFgDark-7: ;
+	--mantine-color-destructiveFgDark-8: ;
+	--mantine-color-destructiveFgDark-9: ;
+
+	--mantine-color-destructiveFgLight-0: ;
+	--mantine-color-destructiveFgLight-1: ;
+	--mantine-color-destructiveFgLight-2: ;
+	--mantine-color-destructiveFgLight-3: ;
+	--mantine-color-destructiveFgLight-4: ;
+	--mantine-color-destructiveFgLight-5: ;
+	--mantine-color-destructiveFgLight-6: ;
+	--mantine-color-destructiveFgLight-7: ;
+	--mantine-color-destructiveFgLight-8: ;
+	--mantine-color-destructiveFgLight-9: ;
+
+	--mantine-color-border-0: ;
+	--mantine-color-border-1: ;
+	--mantine-color-border-2: ;
+	--mantine-color-border-3: ;
+	--mantine-color-border-4: ;
+	--mantine-color-border-5: ;
+	--mantine-color-border-6: ;
+	--mantine-color-border-7: ;
+	--mantine-color-border-8: ;
+	--mantine-color-border-9: ;
+	--mantine-color-border-text: ;
+	--mantine-color-border-filled: ;
+	--mantine-color-border-filled-hover: ;
+	--mantine-color-border-light: ;
+	--mantine-color-border-light-hover: ;
+	--mantine-color-border-light-color: ;
+	--mantine-color-border-outline: ;
+	--mantine-color-border-outline-hover: ;
+
+	--mantine-color-borderDark-0: ;
+	--mantine-color-borderDark-1: ;
+	--mantine-color-borderDark-2: ;
+	--mantine-color-borderDark-3: ;
+	--mantine-color-borderDark-4: ;
+	--mantine-color-borderDark-5: ;
+	--mantine-color-borderDark-6: ;
+	--mantine-color-borderDark-7: ;
+	--mantine-color-borderDark-8: ;
+	--mantine-color-borderDark-9: ;
+
+	--mantine-color-borderLight-0: ;
+	--mantine-color-borderLight-1: ;
+	--mantine-color-borderLight-2: ;
+	--mantine-color-borderLight-3: ;
+	--mantine-color-borderLight-4: ;
+	--mantine-color-borderLight-5: ;
+	--mantine-color-borderLight-6: ;
+	--mantine-color-borderLight-7: ;
+	--mantine-color-borderLight-8: ;
+	--mantine-color-borderLight-9: ;
+
+	--mantine-color-borderFg-0: ;
+	--mantine-color-borderFg-1: ;
+	--mantine-color-borderFg-2: ;
+	--mantine-color-borderFg-3: ;
+	--mantine-color-borderFg-4: ;
+	--mantine-color-borderFg-5: ;
+	--mantine-color-borderFg-6: ;
+	--mantine-color-borderFg-7: ;
+	--mantine-color-borderFg-8: ;
+	--mantine-color-borderFg-9: ;
+
+	--mantine-color-borderFgDark-0: ;
+	--mantine-color-borderFgDark-1: ;
+	--mantine-color-borderFgDark-2: ;
+	--mantine-color-borderFgDark-3: ;
+	--mantine-color-borderFgDark-4: ;
+	--mantine-color-borderFgDark-5: ;
+	--mantine-color-borderFgDark-6: ;
+	--mantine-color-borderFgDark-7: ;
+	--mantine-color-borderFgDark-8: ;
+	--mantine-color-borderFgDark-9: ;
+
+	--mantine-color-borderFgLight-0: ;
+	--mantine-color-borderFgLight-1: ;
+	--mantine-color-borderFgLight-2: ;
+	--mantine-color-borderFgLight-3: ;
+	--mantine-color-borderFgLight-4: ;
+	--mantine-color-borderFgLight-5: ;
+	--mantine-color-borderFgLight-6: ;
+	--mantine-color-borderFgLight-7: ;
+	--mantine-color-borderFgLight-8: ;
+	--mantine-color-borderFgLight-9: ;
+
+	--mantine-color-input-0: ;
+	--mantine-color-input-1: ;
+	--mantine-color-input-2: ;
+	--mantine-color-input-3: ;
+	--mantine-color-input-4: ;
+	--mantine-color-input-5: ;
+	--mantine-color-input-6: ;
+	--mantine-color-input-7: ;
+	--mantine-color-input-8: ;
+	--mantine-color-input-9: ;
+	--mantine-color-input-text: ;
+	--mantine-color-input-filled: ;
+	--mantine-color-input-filled-hover: ;
+	--mantine-color-input-light: ;
+	--mantine-color-input-light-hover: ;
+	--mantine-color-input-light-color: ;
+	--mantine-color-input-outline: ;
+	--mantine-color-input-outline-hover: ;
+
+	--mantine-color-inputDark-0: ;
+	--mantine-color-inputDark-1: ;
+	--mantine-color-inputDark-2: ;
+	--mantine-color-inputDark-3: ;
+	--mantine-color-inputDark-4: ;
+	--mantine-color-inputDark-5: ;
+	--mantine-color-inputDark-6: ;
+	--mantine-color-inputDark-7: ;
+	--mantine-color-inputDark-8: ;
+	--mantine-color-inputDark-9: ;
+
+	--mantine-color-inputLight-0: ;
+	--mantine-color-inputLight-1: ;
+	--mantine-color-inputLight-2: ;
+	--mantine-color-inputLight-3: ;
+	--mantine-color-inputLight-4: ;
+	--mantine-color-inputLight-5: ;
+	--mantine-color-inputLight-6: ;
+	--mantine-color-inputLight-7: ;
+	--mantine-color-inputLight-8: ;
+	--mantine-color-inputLight-9: ;
+
+	--mantine-color-inputFg-0: ;
+	--mantine-color-inputFg-1: ;
+	--mantine-color-inputFg-2: ;
+	--mantine-color-inputFg-3: ;
+	--mantine-color-inputFg-4: ;
+	--mantine-color-inputFg-5: ;
+	--mantine-color-inputFg-6: ;
+	--mantine-color-inputFg-7: ;
+	--mantine-color-inputFg-8: ;
+	--mantine-color-inputFg-9: ;
+
+	--mantine-color-inputFgDark-0: ;
+	--mantine-color-inputFgDark-1: ;
+	--mantine-color-inputFgDark-2: ;
+	--mantine-color-inputFgDark-3: ;
+	--mantine-color-inputFgDark-4: ;
+	--mantine-color-inputFgDark-5: ;
+	--mantine-color-inputFgDark-6: ;
+	--mantine-color-inputFgDark-7: ;
+	--mantine-color-inputFgDark-8: ;
+	--mantine-color-inputFgDark-9: ;
+
+	--mantine-color-inputFgLight-0: ;
+	--mantine-color-inputFgLight-1: ;
+	--mantine-color-inputFgLight-2: ;
+	--mantine-color-inputFgLight-3: ;
+	--mantine-color-inputFgLight-4: ;
+	--mantine-color-inputFgLight-5: ;
+	--mantine-color-inputFgLight-6: ;
+	--mantine-color-inputFgLight-7: ;
+	--mantine-color-inputFgLight-8: ;
+	--mantine-color-inputFgLight-9: ;
+
+	--mantine-color-ring-0: ;
+	--mantine-color-ring-1: ;
+	--mantine-color-ring-2: ;
+	--mantine-color-ring-3: ;
+	--mantine-color-ring-4: ;
+	--mantine-color-ring-5: ;
+	--mantine-color-ring-6: ;
+	--mantine-color-ring-7: ;
+	--mantine-color-ring-8: ;
+	--mantine-color-ring-9: ;
+	--mantine-color-ring-text: ;
+	--mantine-color-ring-filled: ;
+	--mantine-color-ring-filled-hover: ;
+	--mantine-color-ring-light: ;
+	--mantine-color-ring-light-hover: ;
+	--mantine-color-ring-light-color: ;
+	--mantine-color-ring-outline: ;
+	--mantine-color-ring-outline-hover: ;
+
+	--mantine-color-ringDark-0: ;
+	--mantine-color-ringDark-1: ;
+	--mantine-color-ringDark-2: ;
+	--mantine-color-ringDark-3: ;
+	--mantine-color-ringDark-4: ;
+	--mantine-color-ringDark-5: ;
+	--mantine-color-ringDark-6: ;
+	--mantine-color-ringDark-7: ;
+	--mantine-color-ringDark-8: ;
+	--mantine-color-ringDark-9: ;
+
+	--mantine-color-ringLight-0: ;
+	--mantine-color-ringLight-1: ;
+	--mantine-color-ringLight-2: ;
+	--mantine-color-ringLight-3: ;
+	--mantine-color-ringLight-4: ;
+	--mantine-color-ringLight-5: ;
+	--mantine-color-ringLight-6: ;
+	--mantine-color-ringLight-7: ;
+	--mantine-color-ringLight-8: ;
+	--mantine-color-ringLight-9: ;
+
+	--mantine-color-ringFg-0: ;
+	--mantine-color-ringFg-1: ;
+	--mantine-color-ringFg-2: ;
+	--mantine-color-ringFg-3: ;
+	--mantine-color-ringFg-4: ;
+	--mantine-color-ringFg-5: ;
+	--mantine-color-ringFg-6: ;
+	--mantine-color-ringFg-7: ;
+	--mantine-color-ringFg-8: ;
+	--mantine-color-ringFg-9: ;
+
+	--mantine-color-ringFgDark-0: ;
+	--mantine-color-ringFgDark-1: ;
+	--mantine-color-ringFgDark-2: ;
+	--mantine-color-ringFgDark-3: ;
+	--mantine-color-ringFgDark-4: ;
+	--mantine-color-ringFgDark-5: ;
+	--mantine-color-ringFgDark-6: ;
+	--mantine-color-ringFgDark-7: ;
+	--mantine-color-ringFgDark-8: ;
+	--mantine-color-ringFgDark-9: ;
+
+	--mantine-color-ringFgLight-0: ;
+	--mantine-color-ringFgLight-1: ;
+	--mantine-color-ringFgLight-2: ;
+	--mantine-color-ringFgLight-3: ;
+	--mantine-color-ringFgLight-4: ;
+	--mantine-color-ringFgLight-5: ;
+	--mantine-color-ringFgLight-6: ;
+	--mantine-color-ringFgLight-7: ;
+	--mantine-color-ringFgLight-8: ;
+	--mantine-color-ringFgLight-9: ;
+
+	--mantine-color-sidebar-0: ;
+	--mantine-color-sidebar-1: ;
+	--mantine-color-sidebar-2: ;
+	--mantine-color-sidebar-3: ;
+	--mantine-color-sidebar-4: ;
+	--mantine-color-sidebar-5: ;
+	--mantine-color-sidebar-6: ;
+	--mantine-color-sidebar-7: ;
+	--mantine-color-sidebar-8: ;
+	--mantine-color-sidebar-9: ;
+	--mantine-color-sidebar-text: ;
+	--mantine-color-sidebar-filled: ;
+	--mantine-color-sidebar-filled-hover: ;
+	--mantine-color-sidebar-light: ;
+	--mantine-color-sidebar-light-hover: ;
+	--mantine-color-sidebar-light-color: ;
+	--mantine-color-sidebar-outline: ;
+	--mantine-color-sidebar-outline-hover: ;
+
+	--mantine-color-sidebarDark-0: ;
+	--mantine-color-sidebarDark-1: ;
+	--mantine-color-sidebarDark-2: ;
+	--mantine-color-sidebarDark-3: ;
+	--mantine-color-sidebarDark-4: ;
+	--mantine-color-sidebarDark-5: ;
+	--mantine-color-sidebarDark-6: ;
+	--mantine-color-sidebarDark-7: ;
+	--mantine-color-sidebarDark-8: ;
+	--mantine-color-sidebarDark-9: ;
+
+	--mantine-color-sidebarLight-0: ;
+	--mantine-color-sidebarLight-1: ;
+	--mantine-color-sidebarLight-2: ;
+	--mantine-color-sidebarLight-3: ;
+	--mantine-color-sidebarLight-4: ;
+	--mantine-color-sidebarLight-5: ;
+	--mantine-color-sidebarLight-6: ;
+	--mantine-color-sidebarLight-7: ;
+	--mantine-color-sidebarLight-8: ;
+	--mantine-color-sidebarLight-9: ;
+
+	--mantine-color-sidebarFg-0: ;
+	--mantine-color-sidebarFg-1: ;
+	--mantine-color-sidebarFg-2: ;
+	--mantine-color-sidebarFg-3: ;
+	--mantine-color-sidebarFg-4: ;
+	--mantine-color-sidebarFg-5: ;
+	--mantine-color-sidebarFg-6: ;
+	--mantine-color-sidebarFg-7: ;
+	--mantine-color-sidebarFg-8: ;
+	--mantine-color-sidebarFg-9: ;
+
+	--mantine-color-sidebarFgDark-0: ;
+	--mantine-color-sidebarFgDark-1: ;
+	--mantine-color-sidebarFgDark-2: ;
+	--mantine-color-sidebarFgDark-3: ;
+	--mantine-color-sidebarFgDark-4: ;
+	--mantine-color-sidebarFgDark-5: ;
+	--mantine-color-sidebarFgDark-6: ;
+	--mantine-color-sidebarFgDark-7: ;
+	--mantine-color-sidebarFgDark-8: ;
+	--mantine-color-sidebarFgDark-9: ;
+
+	--mantine-color-sidebarFgLight-0: ;
+	--mantine-color-sidebarFgLight-1: ;
+	--mantine-color-sidebarFgLight-2: ;
+	--mantine-color-sidebarFgLight-3: ;
+	--mantine-color-sidebarFgLight-4: ;
+	--mantine-color-sidebarFgLight-5: ;
+	--mantine-color-sidebarFgLight-6: ;
+	--mantine-color-sidebarFgLight-7: ;
+	--mantine-color-sidebarFgLight-8: ;
+	--mantine-color-sidebarFgLight-9: ;
+
+	/* ------------------------------------------------------------------ */
+	/* Toolkit semantic shorthand variables (from css-variables-resolver)  */
+	/* ------------------------------------------------------------------ */
+
+	--toolkit-color-primary: ;
+	--toolkit-color-primary-fg: ;
+	--toolkit-color-primary-0: ;
+	--toolkit-color-primary-1: ;
+	--toolkit-color-primary-2: ;
+	--toolkit-color-primary-3: ;
+	--toolkit-color-primary-4: ;
+	--toolkit-color-primary-5: ;
+	--toolkit-color-primary-6: ;
+	--toolkit-color-primary-7: ;
+	--toolkit-color-primary-8: ;
+	--toolkit-color-primary-9: ;
+	--toolkit-color-primary-fg-0: ;
+	--toolkit-color-primary-fg-1: ;
+	--toolkit-color-primary-fg-2: ;
+	--toolkit-color-primary-fg-3: ;
+	--toolkit-color-primary-fg-4: ;
+	--toolkit-color-primary-fg-5: ;
+	--toolkit-color-primary-fg-6: ;
+	--toolkit-color-primary-fg-7: ;
+	--toolkit-color-primary-fg-8: ;
+	--toolkit-color-primary-fg-9: ;
+
+	--toolkit-color-secondary: ;
+	--toolkit-color-secondary-fg: ;
+	--toolkit-color-secondary-0: ;
+	--toolkit-color-secondary-1: ;
+	--toolkit-color-secondary-2: ;
+	--toolkit-color-secondary-3: ;
+	--toolkit-color-secondary-4: ;
+	--toolkit-color-secondary-5: ;
+	--toolkit-color-secondary-6: ;
+	--toolkit-color-secondary-7: ;
+	--toolkit-color-secondary-8: ;
+	--toolkit-color-secondary-9: ;
+	--toolkit-color-secondary-fg-0: ;
+	--toolkit-color-secondary-fg-1: ;
+	--toolkit-color-secondary-fg-2: ;
+	--toolkit-color-secondary-fg-3: ;
+	--toolkit-color-secondary-fg-4: ;
+	--toolkit-color-secondary-fg-5: ;
+	--toolkit-color-secondary-fg-6: ;
+	--toolkit-color-secondary-fg-7: ;
+	--toolkit-color-secondary-fg-8: ;
+	--toolkit-color-secondary-fg-9: ;
+
+	--toolkit-color-accent: ;
+	--toolkit-color-accent-fg: ;
+	--toolkit-color-accent-0: ;
+	--toolkit-color-accent-1: ;
+	--toolkit-color-accent-2: ;
+	--toolkit-color-accent-3: ;
+	--toolkit-color-accent-4: ;
+	--toolkit-color-accent-5: ;
+	--toolkit-color-accent-6: ;
+	--toolkit-color-accent-7: ;
+	--toolkit-color-accent-8: ;
+	--toolkit-color-accent-9: ;
+	--toolkit-color-accent-fg-0: ;
+	--toolkit-color-accent-fg-1: ;
+	--toolkit-color-accent-fg-2: ;
+	--toolkit-color-accent-fg-3: ;
+	--toolkit-color-accent-fg-4: ;
+	--toolkit-color-accent-fg-5: ;
+	--toolkit-color-accent-fg-6: ;
+	--toolkit-color-accent-fg-7: ;
+	--toolkit-color-accent-fg-8: ;
+	--toolkit-color-accent-fg-9: ;
+
+	--toolkit-color-base: ;
+	--toolkit-color-base-fg: ;
+	--toolkit-color-base-0: ;
+	--toolkit-color-base-1: ;
+	--toolkit-color-base-2: ;
+	--toolkit-color-base-3: ;
+	--toolkit-color-base-4: ;
+	--toolkit-color-base-5: ;
+	--toolkit-color-base-6: ;
+	--toolkit-color-base-7: ;
+	--toolkit-color-base-8: ;
+	--toolkit-color-base-9: ;
+	--toolkit-color-base-fg-0: ;
+	--toolkit-color-base-fg-1: ;
+	--toolkit-color-base-fg-2: ;
+	--toolkit-color-base-fg-3: ;
+	--toolkit-color-base-fg-4: ;
+	--toolkit-color-base-fg-5: ;
+	--toolkit-color-base-fg-6: ;
+	--toolkit-color-base-fg-7: ;
+	--toolkit-color-base-fg-8: ;
+	--toolkit-color-base-fg-9: ;
+
+	--toolkit-color-card: ;
+	--toolkit-color-card-fg: ;
+	--toolkit-color-card-0: ;
+	--toolkit-color-card-1: ;
+	--toolkit-color-card-2: ;
+	--toolkit-color-card-3: ;
+	--toolkit-color-card-4: ;
+	--toolkit-color-card-5: ;
+	--toolkit-color-card-6: ;
+	--toolkit-color-card-7: ;
+	--toolkit-color-card-8: ;
+	--toolkit-color-card-9: ;
+	--toolkit-color-card-fg-0: ;
+	--toolkit-color-card-fg-1: ;
+	--toolkit-color-card-fg-2: ;
+	--toolkit-color-card-fg-3: ;
+	--toolkit-color-card-fg-4: ;
+	--toolkit-color-card-fg-5: ;
+	--toolkit-color-card-fg-6: ;
+	--toolkit-color-card-fg-7: ;
+	--toolkit-color-card-fg-8: ;
+	--toolkit-color-card-fg-9: ;
+
+	--toolkit-color-popover: ;
+	--toolkit-color-popover-fg: ;
+	--toolkit-color-popover-0: ;
+	--toolkit-color-popover-1: ;
+	--toolkit-color-popover-2: ;
+	--toolkit-color-popover-3: ;
+	--toolkit-color-popover-4: ;
+	--toolkit-color-popover-5: ;
+	--toolkit-color-popover-6: ;
+	--toolkit-color-popover-7: ;
+	--toolkit-color-popover-8: ;
+	--toolkit-color-popover-9: ;
+	--toolkit-color-popover-fg-0: ;
+	--toolkit-color-popover-fg-1: ;
+	--toolkit-color-popover-fg-2: ;
+	--toolkit-color-popover-fg-3: ;
+	--toolkit-color-popover-fg-4: ;
+	--toolkit-color-popover-fg-5: ;
+	--toolkit-color-popover-fg-6: ;
+	--toolkit-color-popover-fg-7: ;
+	--toolkit-color-popover-fg-8: ;
+	--toolkit-color-popover-fg-9: ;
+
+	--toolkit-color-muted: ;
+	--toolkit-color-muted-fg: ;
+	--toolkit-color-muted-0: ;
+	--toolkit-color-muted-1: ;
+	--toolkit-color-muted-2: ;
+	--toolkit-color-muted-3: ;
+	--toolkit-color-muted-4: ;
+	--toolkit-color-muted-5: ;
+	--toolkit-color-muted-6: ;
+	--toolkit-color-muted-7: ;
+	--toolkit-color-muted-8: ;
+	--toolkit-color-muted-9: ;
+	--toolkit-color-muted-fg-0: ;
+	--toolkit-color-muted-fg-1: ;
+	--toolkit-color-muted-fg-2: ;
+	--toolkit-color-muted-fg-3: ;
+	--toolkit-color-muted-fg-4: ;
+	--toolkit-color-muted-fg-5: ;
+	--toolkit-color-muted-fg-6: ;
+	--toolkit-color-muted-fg-7: ;
+	--toolkit-color-muted-fg-8: ;
+	--toolkit-color-muted-fg-9: ;
+
+	--toolkit-color-destructive: ;
+	--toolkit-color-destructive-fg: ;
+	--toolkit-color-destructive-0: ;
+	--toolkit-color-destructive-1: ;
+	--toolkit-color-destructive-2: ;
+	--toolkit-color-destructive-3: ;
+	--toolkit-color-destructive-4: ;
+	--toolkit-color-destructive-5: ;
+	--toolkit-color-destructive-6: ;
+	--toolkit-color-destructive-7: ;
+	--toolkit-color-destructive-8: ;
+	--toolkit-color-destructive-9: ;
+	--toolkit-color-destructive-fg-0: ;
+	--toolkit-color-destructive-fg-1: ;
+	--toolkit-color-destructive-fg-2: ;
+	--toolkit-color-destructive-fg-3: ;
+	--toolkit-color-destructive-fg-4: ;
+	--toolkit-color-destructive-fg-5: ;
+	--toolkit-color-destructive-fg-6: ;
+	--toolkit-color-destructive-fg-7: ;
+	--toolkit-color-destructive-fg-8: ;
+	--toolkit-color-destructive-fg-9: ;
+
+	--toolkit-color-border: ;
+	--toolkit-color-border-fg: ;
+	--toolkit-color-border-0: ;
+	--toolkit-color-border-1: ;
+	--toolkit-color-border-2: ;
+	--toolkit-color-border-3: ;
+	--toolkit-color-border-4: ;
+	--toolkit-color-border-5: ;
+	--toolkit-color-border-6: ;
+	--toolkit-color-border-7: ;
+	--toolkit-color-border-8: ;
+	--toolkit-color-border-9: ;
+	--toolkit-color-border-fg-0: ;
+	--toolkit-color-border-fg-1: ;
+	--toolkit-color-border-fg-2: ;
+	--toolkit-color-border-fg-3: ;
+	--toolkit-color-border-fg-4: ;
+	--toolkit-color-border-fg-5: ;
+	--toolkit-color-border-fg-6: ;
+	--toolkit-color-border-fg-7: ;
+	--toolkit-color-border-fg-8: ;
+	--toolkit-color-border-fg-9: ;
+
+	--toolkit-color-input: ;
+	--toolkit-color-input-fg: ;
+	--toolkit-color-input-0: ;
+	--toolkit-color-input-1: ;
+	--toolkit-color-input-2: ;
+	--toolkit-color-input-3: ;
+	--toolkit-color-input-4: ;
+	--toolkit-color-input-5: ;
+	--toolkit-color-input-6: ;
+	--toolkit-color-input-7: ;
+	--toolkit-color-input-8: ;
+	--toolkit-color-input-9: ;
+	--toolkit-color-input-fg-0: ;
+	--toolkit-color-input-fg-1: ;
+	--toolkit-color-input-fg-2: ;
+	--toolkit-color-input-fg-3: ;
+	--toolkit-color-input-fg-4: ;
+	--toolkit-color-input-fg-5: ;
+	--toolkit-color-input-fg-6: ;
+	--toolkit-color-input-fg-7: ;
+	--toolkit-color-input-fg-8: ;
+	--toolkit-color-input-fg-9: ;
+
+	--toolkit-color-ring: ;
+	--toolkit-color-ring-fg: ;
+	--toolkit-color-ring-0: ;
+	--toolkit-color-ring-1: ;
+	--toolkit-color-ring-2: ;
+	--toolkit-color-ring-3: ;
+	--toolkit-color-ring-4: ;
+	--toolkit-color-ring-5: ;
+	--toolkit-color-ring-6: ;
+	--toolkit-color-ring-7: ;
+	--toolkit-color-ring-8: ;
+	--toolkit-color-ring-9: ;
+	--toolkit-color-ring-fg-0: ;
+	--toolkit-color-ring-fg-1: ;
+	--toolkit-color-ring-fg-2: ;
+	--toolkit-color-ring-fg-3: ;
+	--toolkit-color-ring-fg-4: ;
+	--toolkit-color-ring-fg-5: ;
+	--toolkit-color-ring-fg-6: ;
+	--toolkit-color-ring-fg-7: ;
+	--toolkit-color-ring-fg-8: ;
+	--toolkit-color-ring-fg-9: ;
+
+	--toolkit-color-sidebar: ;
+	--toolkit-color-sidebar-fg: ;
+	--toolkit-color-sidebar-0: ;
+	--toolkit-color-sidebar-1: ;
+	--toolkit-color-sidebar-2: ;
+	--toolkit-color-sidebar-3: ;
+	--toolkit-color-sidebar-4: ;
+	--toolkit-color-sidebar-5: ;
+	--toolkit-color-sidebar-6: ;
+	--toolkit-color-sidebar-7: ;
+	--toolkit-color-sidebar-8: ;
+	--toolkit-color-sidebar-9: ;
+	--toolkit-color-sidebar-fg-0: ;
+	--toolkit-color-sidebar-fg-1: ;
+	--toolkit-color-sidebar-fg-2: ;
+	--toolkit-color-sidebar-fg-3: ;
+	--toolkit-color-sidebar-fg-4: ;
+	--toolkit-color-sidebar-fg-5: ;
+	--toolkit-color-sidebar-fg-6: ;
+	--toolkit-color-sidebar-fg-7: ;
+	--toolkit-color-sidebar-fg-8: ;
+	--toolkit-color-sidebar-fg-9: ;
+}
diff --git a/src/games/clairobscur/core/constants.ts b/src/games/clairobscur/core/constants.ts
new file mode 100644
index 0000000..4a8e2e4
--- /dev/null
+++ b/src/games/clairobscur/core/constants.ts
@@ -0,0 +1,3 @@
+const GAME_ID = "clairobscur";
+
+export { GAME_ID };
diff --git a/src/games/clairobscur/core/types.ts b/src/games/clairobscur/core/types.ts
new file mode 100644
index 0000000..0e6ee06
--- /dev/null
+++ b/src/games/clairobscur/core/types.ts
@@ -0,0 +1,95 @@
+import type { AppItem } from "#/features/game/items/types.ts";
+import type { ClairObscurCharacterItem } from "#/games/clairobscur/core/item-data/characters.ts";
+import type {
+	ClairObscurCharacter,
+	ClairObscurDLC,
+	ClairObscurItemCategory,
+} from "@/prisma";
+
+type ClairObscurItemLocation = "Overgrowth" | "Underdocks" | "Hive" | "Glory";
+
+// Placeholder until we have actual tags to use
+type ClairObscurInlineTags = string[];
+type ClairObscurCommunityTags = string[];
+type ClairObscurSearchableTags = string[];
+
+type ClairObscurLinkedItem = Partial<{
+	character: { name: ClairObscurCharacter };
+}>;
+
+type ItemModifiers = {
+	block: number;
+	blockX: number;
+	channel: Array<{ type: string; amount: number }>;
+	damage: number;
+	damageX: number;
+	dexterity: number;
+	doom: number;
+	draw: number;
+	energy: number;
+	exhaust: boolean;
+	focus: number;
+	gold: number;
+	heal: number;
+	health: number;
+	intangible: number;
+	poison: number;
+	plating: number;
+	retainHand: boolean;
+	stars: number;
+	strength: number;
+	summon: number;
+	summonPerTurn: number;
+	thorns: number;
+	vulnerable: number;
+	weak: number;
+
+	enemyDamage: number;
+	enemyDamageX: number;
+	enemyHealth: number;
+	enemyStrength: number;
+};
+
+type ModifierTrigger =
+	| number // number of turns
+	| "attack"
+	| "cards added to deck"
+	| "combat start"
+	| "combat"
+	| "combat end"
+	| "each turn"
+	| "enter shop"
+	| "first three turns"
+	| "first time lose HP"
+	| "first time play Power"
+	| "next attack"
+	| "permanent"
+	| "shuffle draw pile";
+
+/**
+ * Shared base item type for Slay The Spire 2 items
+ * Not intended to be used directly - use ClairObscurItem or specific item types instead
+ */
+type BaseClairObscurItem<TItemSubcategory = string> = AppItem<
+	ClairObscurItemCategory,
+	TItemSubcategory,
+	ClairObscurInlineTags,
+	ClairObscurCommunityTags,
+	ClairObscurSearchableTags,
+	ClairObscurLinkedItem
+> & {
+	wikiUrl: string | undefined;
+	dlc: ClairObscurDLC;
+	location: ClairObscurItemLocation | undefined;
+	modifiers:
+		| Array<{ modifier: Partial<ItemModifiers>; trigger: ModifierTrigger }>
+		| undefined;
+};
+
+type ClairObscurLocalItem = ClairObscurCharacterItem; // TODO Add other item types
+
+export type {
+	BaseClairObscurItem,
+	ClairObscurLocalItem,
+	ClairObscurItemLocation,
+};