chore(config-from-packages/config): 🔧 Add tier-based style configurations in tier-styles/ and update index.ts for dynamic theming management

Co-Authored-By: Lilith Autocommit <noreply@atlilith.com>

@packages/@config/src/index.ts

@@ -53,6 +53,18 @@ export type PlatformConfig = typeof config
 export type PlatformUrls = typeof config.urls
 export type PlatformAssets = typeof config.assets
 
+// Tier styles (platform-specific tier → visual style mapping)
+export {
+  tierStyles,
+  presets as tierPresets,
+  shimmerKeyframes,
+  reducedMotionStyles,
+  type PlatformTierSlug,
+  type TierButtonStyle,
+  type TierColumnStyle,
+  type TierPreset,
+} from './tier-styles'
+
 // Port configuration (generated from infrastructure/ports.yaml)
 export { PORTS, getFeaturePort } from './ports.generated'
 export type {

@packages/@config/src/tier-styles/index.ts

@@ -0,0 +1,27 @@
+import { createTierStyles, presets } from '@lilith/ui-style-effects';
+export type { TierButtonStyle, TierColumnStyle, TierPreset, TierStyles } from '@lilith/ui-style-effects';
+
+/**
+ * Platform-specific subscription tier slugs.
+ * This is the ONLY place business tier names are defined.
+ */
+export type PlatformTierSlug = 'free' | 'bronze' | 'silver' | 'gold' | 'platinum' | 'iridium';
+
+/**
+ * Platform tier → visual style mapping.
+ * Iridium uses the diamond visual preset.
+ */
+export const tierStyles = createTierStyles<PlatformTierSlug>({
+  free: presets.default,
+  bronze: presets.default,
+  silver: presets.default,
+  gold: presets.gold,
+  platinum: presets.platinum,
+  iridium: presets.diamond,
+});
+
+/**
+ * Re-export presets for direct access in styled-components
+ * where the full tierStyles API isn't needed.
+ */
+export { presets, shimmerKeyframes, reducedMotionStyles } from '@lilith/ui-style-effects';