@citron-systems/citron-ds 1.0.0 → 1.0.2

package/dist/bundle/tokens/semantic/devtools.semantic.tokens.json

@@ -0,0 +1,79 @@
+{
+  "$description": "Semantic tokens for developer tooling UI. Compose from inkblot.color.devtools primitives.",
+  "inkblot": {
+    "semantic": {
+      "devtools": {
+        "color": {
+          "$type": "color",
+          "$description": "Use var(--inkblot-semantic-devtools-color-*) in dev menus, Storybook, Vite overlay, admin shells",
+          "background": {
+            "app": {
+              "$value": "{inkblot.color.devtools.background}",
+              "$description": "Full dev shell background"
+            },
+            "surface": {
+              "$value": "{inkblot.color.devtools.surface}",
+              "$description": "Panels, modals, dropdowns"
+            },
+            "surfaceElevated": {
+              "$value": "{inkblot.color.devtools.surface}",
+              "$description": "Optional second elevation — same token until a lighter step is needed"
+            }
+          },
+          "text": {
+            "primary": {
+              "$value": "{inkblot.color.devtools.textPrimary}",
+              "$description": "Body and titles in dev UI"
+            },
+            "muted": {
+              "$value": "{inkblot.color.devtools.textMuted}",
+              "$description": "Meta, captions, disabled-adjacent copy"
+            },
+            "onPrimary": {
+              "$value": "{inkblot.color.devtools.textPrimary}",
+              "$description": "Text on primary/dominant buttons"
+            }
+          },
+          "border": {
+            "default": {
+              "$value": "{inkblot.color.devtools.border}",
+              "$description": "Dividers and field outlines"
+            },
+            "strong": {
+              "$value": "{inkblot.color.devtools.support}",
+              "$description": "Drag handles, resize accents — use at low opacity if needed"
+            }
+          },
+          "accent": {
+            "brand": {
+              "$value": "{inkblot.color.devtools.dominant}",
+              "$description": "Dev chrome brand strip — blue, not citron"
+            },
+            "positive": {
+              "$value": "{inkblot.color.devtools.accent}",
+              "$description": "Build passed, tests green, healthy status"
+            }
+          },
+          "interactive": {
+            "primary": {
+              "$value": "{inkblot.color.devtools.primary}",
+              "$description": "Primary buttons, submit, run"
+            },
+            "primaryHover": {
+              "$value": "{inkblot.color.devtools.primaryHover}",
+              "$description": "Hover state for primary"
+            },
+            "ghost": {
+              "$value": "{inkblot.color.devtools.textMuted}",
+              "$description": "Low-emphasis controls — pair with transparent or surface bg"
+            },
+            "focus": {
+              "$value": "{inkblot.color.devtools.focus}",
+              "$description": "Focus ring color"
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/dist/bundle/tokens/semantic/inkblot.semantic.tokens.json

@@ -0,0 +1,140 @@
+{
+  "$description": "Citron semantic tokens. Map primitives to component-ready meanings. Use these in components — never raw primitives.",
+  "inkblot": {
+    "semantic": {
+      "color": {
+        "$type": "color",
+        "$description": "Semantic color mappings — Citron identity: warm, restrained, premium",
+        "background": {
+          "primary":   { "$value": "{inkblot.color.neutral.gray.50}", "$description": "Body background — warm off-white with barely perceptible beige" },
+          "secondary": { "$value": "{inkblot.color.neutral.white}", "$description": "Elevated surfaces — clean white floating above base" },
+          "tertiary":  { "$value": "{inkblot.color.neutral.gray.100}", "$description": "Grouped content, inset areas" },
+          "inverse":   { "$value": "{inkblot.color.neutral.gray.900}", "$description": "Inverted surfaces" }
+        },
+        "text": {
+          "primary":   { "$value": "{inkblot.color.neutral.gray.900}", "$description": "Primary text — deep warm slate, never pure black" },
+          "secondary": { "$value": "{inkblot.color.neutral.gray.500}", "$description": "Secondary text" },
+          "tertiary":  { "$value": "{inkblot.color.neutral.gray.400}", "$description": "Placeholder, hints, captions" },
+          "inverse":   { "$value": "{inkblot.color.neutral.white}", "$description": "Text on dark surfaces" },
+          "link":      { "$value": "{inkblot.color.accent.citron.600}", "$description": "Links — deep citron for readability" },
+          "linkHover": { "$value": "{inkblot.color.accent.citron.700}", "$description": "Link hover" }
+        },
+        "border": {
+          "default": { "$value": "{inkblot.color.neutral.gray.200}", "$description": "Subtle warm dividers" },
+          "strong":  { "$value": "{inkblot.color.neutral.gray.300}", "$description": "Emphasized borders" },
+          "focus":   { "$value": "{inkblot.color.accent.citron.500}", "$description": "Focus ring — citron accent" }
+        },
+        "interactive": {
+          "primary":       { "$value": "{inkblot.color.accent.citron.500}", "$description": "Primary CTA — confident citron" },
+          "primaryHover":  { "$value": "{inkblot.color.accent.citron.600}", "$description": "Primary hover — deeper, subtle shift" },
+          "primaryActive": { "$value": "{inkblot.color.accent.citron.700}", "$description": "Primary pressed" },
+          "secondary":     { "$value": "{inkblot.color.neutral.gray.100}", "$description": "Secondary surfaces with subtle depth" },
+          "secondaryHover":{ "$value": "{inkblot.color.neutral.gray.200}", "$description": "Secondary hover" }
+        },
+        "status": {
+          "success": { "$value": "{inkblot.color.semantic.success.main}", "$description": "Success state" },
+          "warning": { "$value": "{inkblot.color.semantic.warning.main}", "$description": "Warning state" },
+          "error":   { "$value": "{inkblot.color.semantic.error.main}", "$description": "Error state" },
+          "info":    { "$value": "{inkblot.color.semantic.info.main}", "$description": "Info state" }
+        }
+      },
+      "typography": {
+        "$description": "Semantic type styles — composed, intentional hierarchy through spacing and weight",
+        "heading": {
+          "1": {
+            "$type": "typography",
+            "$value": {
+              "fontFamily": "{inkblot.typography.fontFamily.display}",
+              "fontSize": "{inkblot.typography.fontSize.3xl}",
+              "fontWeight": "{inkblot.typography.fontWeight.semibold}",
+              "lineHeight": "{inkblot.typography.lineHeight.tight}",
+              "letterSpacing": "{inkblot.typography.letterSpacing.tight}"
+            },
+            "$description": "Page title — composed, not dramatic"
+          },
+          "2": {
+            "$type": "typography",
+            "$value": {
+              "fontFamily": "{inkblot.typography.fontFamily.display}",
+              "fontSize": "{inkblot.typography.fontSize.2xl}",
+              "fontWeight": "{inkblot.typography.fontWeight.semibold}",
+              "lineHeight": "{inkblot.typography.lineHeight.tight}",
+              "letterSpacing": "{inkblot.typography.letterSpacing.tight}"
+            },
+            "$description": "Section title"
+          },
+          "3": {
+            "$type": "typography",
+            "$value": {
+              "fontFamily": "{inkblot.typography.fontFamily.sans}",
+              "fontSize": "{inkblot.typography.fontSize.xl}",
+              "fontWeight": "{inkblot.typography.fontWeight.medium}",
+              "lineHeight": "{inkblot.typography.lineHeight.snug}",
+              "letterSpacing": "{inkblot.typography.letterSpacing.normal}"
+            },
+            "$description": "Subsection title"
+          },
+          "4": {
+            "$type": "typography",
+            "$value": {
+              "fontFamily": "{inkblot.typography.fontFamily.sans}",
+              "fontSize": "{inkblot.typography.fontSize.lg}",
+              "fontWeight": "{inkblot.typography.fontWeight.medium}",
+              "lineHeight": "{inkblot.typography.lineHeight.snug}",
+              "letterSpacing": "{inkblot.typography.letterSpacing.normal}"
+            },
+            "$description": "Card title"
+          }
+        },
+        "body": {
+          "default": {
+            "$type": "typography",
+            "$value": {
+              "fontFamily": "{inkblot.typography.fontFamily.sans}",
+              "fontSize": "{inkblot.typography.fontSize.base}",
+              "fontWeight": "{inkblot.typography.fontWeight.regular}",
+              "lineHeight": "{inkblot.typography.lineHeight.normal}",
+              "letterSpacing": "{inkblot.typography.letterSpacing.normal}"
+            },
+            "$description": "Body text"
+          },
+          "small": {
+            "$type": "typography",
+            "$value": {
+              "fontFamily": "{inkblot.typography.fontFamily.sans}",
+              "fontSize": "{inkblot.typography.fontSize.sm}",
+              "fontWeight": "{inkblot.typography.fontWeight.regular}",
+              "lineHeight": "{inkblot.typography.lineHeight.normal}",
+              "letterSpacing": "{inkblot.typography.letterSpacing.normal}"
+            },
+            "$description": "Small body, captions"
+          },
+          "large": {
+            "$type": "typography",
+            "$value": {
+              "fontFamily": "{inkblot.typography.fontFamily.sans}",
+              "fontSize": "{inkblot.typography.fontSize.md}",
+              "fontWeight": "{inkblot.typography.fontWeight.regular}",
+              "lineHeight": "{inkblot.typography.lineHeight.relaxed}",
+              "letterSpacing": "{inkblot.typography.letterSpacing.normal}"
+            },
+            "$description": "Emphasized body"
+          }
+        },
+        "label": {
+          "default": {
+            "$type": "typography",
+            "$value": {
+              "fontFamily": "{inkblot.typography.fontFamily.sans}",
+              "fontSize": "{inkblot.typography.fontSize.xs}",
+              "fontWeight": "{inkblot.typography.fontWeight.medium}",
+              "lineHeight": "{inkblot.typography.lineHeight.normal}",
+              "letterSpacing": "{inkblot.typography.letterSpacing.wide}"
+            },
+            "$description": "Form labels, badges"
+          }
+        }
+      }
+    }
+  }
+}

package/dist/bundle/tokens-schema.json

@@ -0,0 +1,54 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "Inkblot Studio Design Tokens",
+  "description": "AI training reference - use these token paths when generating Inkblot Studio components",
+  "type": "object",
+  "properties": {
+    "tokenCategories": {
+      "type": "object",
+      "description": "Token organization for AI context",
+      "properties": {
+        "color": {
+          "description": "Use semantic colors in components: inkblot.semantic.color.*",
+          "semantic": {
+            "background": ["primary", "secondary", "tertiary", "inverse"],
+            "text": ["primary", "secondary", "tertiary", "inverse", "link", "linkHover"],
+            "border": ["default", "strong", "focus"],
+            "interactive": ["primary", "primaryHover", "primaryActive", "secondary", "secondaryHover"],
+            "status": ["success", "warning", "error", "info"]
+          }
+        },
+        "spacing": {
+          "description": "4pt grid: 0, 1(4px), 2(8px), 3(12px), 4(16px), 5(20px), 6(24px), 8(32px), 10(40px), 12(48px), 16(64px), 20(80px), 24(96px), 32(128px)"
+        },
+        "typography": {
+          "headings": ["1", "2", "3", "4"],
+          "body": ["default", "small", "large"],
+          "label": ["default"]
+        },
+        "radius": {
+          "values": ["none", "sm", "md", "lg", "xl", "2xl", "full"]
+        },
+        "shadow": {
+          "elevation": ["none", "xs", "sm", "md", "lg", "xl"]
+        },
+        "duration": {
+          "values": ["instant", "fast", "normal", "slow", "slower"]
+        }
+      }
+    },
+    "componentGuidelines": {
+      "description": "AI component generation rules",
+      "rules": [
+        "Use semantic tokens (inkblot.semantic.*) not primitives",
+        "Primary text: var(--inkblot-semantic-color-text-primary)",
+        "Primary background: var(--inkblot-semantic-color-background-primary)",
+        "Primary button: var(--inkblot-semantic-color-interactive-primary)",
+        "Minimum touch target: 44px (WCAG 2.4.11)",
+        "Border radius: 8px for cards/inputs (--inkblot-radius-md)",
+        "Spacing: 4pt grid (8px, 16px, 24px)",
+        "Focus: 2px solid focus color (--inkblot-border-width-medium)"
+      ]
+    }
+  }
+}

package/dist/bundle/tokens.flat.json

@@ -0,0 +1,224 @@
+{
+  "InkblotBreakpointSm": "640px",
+  "InkblotBreakpointMd": "768px",
+  "InkblotBreakpointLg": "1024px",
+  "InkblotBreakpointXl": "1280px",
+  "InkblotBreakpoint2xl": "1536px",
+  "InkblotColorNeutralWhite": "#ffffff",
+  "InkblotColorNeutralGray50": "#fafaf7",
+  "InkblotColorNeutralGray100": "#f5f4f0",
+  "InkblotColorNeutralGray200": "#eae9e3",
+  "InkblotColorNeutralGray300": "#d4d3cb",
+  "InkblotColorNeutralGray400": "#93928a",
+  "InkblotColorNeutralGray500": "#6b6a63",
+  "InkblotColorNeutralGray600": "#4d4c47",
+  "InkblotColorNeutralGray700": "#3a3935",
+  "InkblotColorNeutralGray800": "#2d2c28",
+  "InkblotColorNeutralGray900": "#1d1c19",
+  "InkblotColorNeutralGray950": "#0f0e0c",
+  "InkblotColorAccentCitron50": "#fdfbf3",
+  "InkblotColorAccentCitron100": "#faf4df",
+  "InkblotColorAccentCitron200": "#f3e6b8",
+  "InkblotColorAccentCitron300": "#e8d38a",
+  "InkblotColorAccentCitron400": "#d9bc58",
+  "InkblotColorAccentCitron500": "#c4a030",
+  "InkblotColorAccentCitron600": "#a38427",
+  "InkblotColorAccentCitron700": "#7f671f",
+  "InkblotColorAccentCitron800": "#5c4a18",
+  "InkblotColorAccentCitron900": "#3d3111",
+  "InkblotColorSemanticSuccessLight": "#3d9e50",
+  "InkblotColorSemanticSuccessMain": "#358c46",
+  "InkblotColorSemanticSuccessDark": "#2a7538",
+  "InkblotColorSemanticWarningLight": "#e0a020",
+  "InkblotColorSemanticWarningMain": "#c48c1a",
+  "InkblotColorSemanticWarningDark": "#a67515",
+  "InkblotColorSemanticErrorLight": "#d14940",
+  "InkblotColorSemanticErrorMain": "#be3e35",
+  "InkblotColorSemanticErrorDark": "#a3352d",
+  "InkblotColorSemanticInfoLight": "#6ba3c2",
+  "InkblotColorSemanticInfoMain": "#5790ad",
+  "InkblotColorSemanticInfoDark": "#497a94",
+  "InkblotColorDevtoolsDominant": "#2563eb",
+  "InkblotColorDevtoolsSupport": "#60a5fa",
+  "InkblotColorDevtoolsAccent": "#10b981",
+  "InkblotColorDevtoolsPrimary": "#2563eb",
+  "InkblotColorDevtoolsPrimaryHover": "#60a5fa",
+  "InkblotColorDevtoolsBackground": "#020617",
+  "InkblotColorDevtoolsSurface": "#0b1220",
+  "InkblotColorDevtoolsTextPrimary": "#f8fafc",
+  "InkblotColorDevtoolsTextMuted": "#cbd5e1",
+  "InkblotColorDevtoolsBorder": "#1e293b",
+  "InkblotColorDevtoolsFocus": "#60a5fa",
+  "InkblotDurationInstant": "0ms",
+  "InkblotDurationFast": "120ms",
+  "InkblotDurationNormal": "200ms",
+  "InkblotDurationSlow": "320ms",
+  "InkblotDurationSlower": "500ms",
+  "InkblotEasingDefault": [0.25,0.1,0.25,1],
+  "InkblotEasingIn": [0.32,0,0.67,0],
+  "InkblotEasingOut": [0.33,1,0.68,1],
+  "InkblotEasingInOut": [0.65,0,0.35,1],
+  "InkblotEasingExpressive": [0.22,1,0.36,1],
+  "InkblotGridColumnsMobile": "4rem",
+  "InkblotGridColumnsTablet": "8rem",
+  "InkblotGridColumnsDesktop": "12rem",
+  "InkblotGridColumnsWide": "16rem",
+  "InkblotGridColumnsMax": "24rem",
+  "InkblotGridGutterSm": "0.5rem",
+  "InkblotGridGutterMd": "1rem",
+  "InkblotGridGutterLg": "1.5rem",
+  "InkblotGridGutterXl": "2rem",
+  "InkblotGridMarginMobile": "1rem",
+  "InkblotGridMarginTablet": "2rem",
+  "InkblotGridMarginDesktop": "4rem",
+  "InkblotGridMarginWide": "auto",
+  "InkblotGridMaxWidthContent": "768px",
+  "InkblotGridMaxWidthContainer": "1200px",
+  "InkblotGridMaxWidthWide": "1440px",
+  "InkblotGridMaxWidthFull": "1920px",
+  "InkblotRadiusNone": "0",
+  "InkblotRadiusSm": "6px",
+  "InkblotRadiusMd": "10px",
+  "InkblotRadiusLg": "14px",
+  "InkblotRadiusXl": "18px",
+  "InkblotRadius2xl": "24px",
+  "InkblotRadiusFull": "9999px",
+  "InkblotBorderWidthNone": "0",
+  "InkblotBorderWidthThin": "1px",
+  "InkblotBorderWidthMedium": "2px",
+  "InkblotBorderWidthThick": "3px",
+  "InkblotShadowNone": "none",
+  "InkblotShadowXs": "0 1px 2px 0 rgba(29, 28, 25, 0.04)",
+  "InkblotShadowSm": "0 2px 8px -1px rgba(29, 28, 25, 0.06), 0 1px 3px -1px rgba(29, 28, 25, 0.04)",
+  "InkblotShadowMd": "0 4px 16px -2px rgba(29, 28, 25, 0.08), 0 2px 6px -2px rgba(29, 28, 25, 0.04)",
+  "InkblotShadowLg": "0 8px 24px -4px rgba(29, 28, 25, 0.10), 0 4px 10px -4px rgba(29, 28, 25, 0.04)",
+  "InkblotShadowXl": "0 16px 40px -8px rgba(29, 28, 25, 0.12), 0 8px 16px -8px rgba(29, 28, 25, 0.04)",
+  "InkblotOpacityDisabled": 0.4,
+  "InkblotOpacityOverlay": 0.45,
+  "InkblotOpacitySubtle": 0.6,
+  "InkblotOpacityDefault": 1,
+  "InkblotSpacing0": "0",
+  "InkblotSpacing1": "0.25rem",
+  "InkblotSpacing2": "0.5rem",
+  "InkblotSpacing3": "0.75rem",
+  "InkblotSpacing4": "1rem",
+  "InkblotSpacing5": "1.25rem",
+  "InkblotSpacing6": "1.5rem",
+  "InkblotSpacing8": "2rem",
+  "InkblotSpacing10": "2.5rem",
+  "InkblotSpacing12": "3rem",
+  "InkblotSpacing16": "4rem",
+  "InkblotSpacing20": "5rem",
+  "InkblotSpacing24": "6rem",
+  "InkblotSpacing32": "8rem",
+  "InkblotSizeIconXs": "1rem",
+  "InkblotSizeIconSm": "1.25rem",
+  "InkblotSizeIconMd": "1.5rem",
+  "InkblotSizeIconLg": "2rem",
+  "InkblotSizeIconXl": "2.5rem",
+  "InkblotSizeTouchTargetMin": "44px",
+  "InkblotSizeTouchTargetComfortable": "48px",
+  "InkblotTypographyFontFamilySans": "'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
+  "InkblotTypographyFontFamilyMono": "'JetBrains Mono', 'SF Mono', ui-monospace, Menlo, Consolas, monospace",
+  "InkblotTypographyFontFamilyDisplay": "'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
+  "InkblotTypographyFontSizeXs": "0.75rem",
+  "InkblotTypographyFontSizeSm": "0.8125rem",
+  "InkblotTypographyFontSizeBase": "0.9375rem",
+  "InkblotTypographyFontSizeMd": "1.0625rem",
+  "InkblotTypographyFontSizeLg": "1.25rem",
+  "InkblotTypographyFontSizeXl": "1.5rem",
+  "InkblotTypographyFontSize2xl": "1.75rem",
+  "InkblotTypographyFontSize3xl": "2.125rem",
+  "InkblotTypographyFontSize4xl": "2.75rem",
+  "InkblotTypographyFontSize5xl": "3.25rem",
+  "InkblotTypographyFontWeightRegular": "400",
+  "InkblotTypographyFontWeightMedium": "500",
+  "InkblotTypographyFontWeightSemibold": "600",
+  "InkblotTypographyFontWeightBold": "700",
+  "InkblotTypographyLineHeightTight": 1.2,
+  "InkblotTypographyLineHeightSnug": 1.375,
+  "InkblotTypographyLineHeightNormal": 1.5,
+  "InkblotTypographyLineHeightRelaxed": 1.65,
+  "InkblotTypographyLineHeightLoose": 1.8,
+  "InkblotTypographyLetterSpacingTighter": "-0.04em",
+  "InkblotTypographyLetterSpacingTight": "-0.02em",
+  "InkblotTypographyLetterSpacingNormal": "0",
+  "InkblotTypographyLetterSpacingWide": "0.02em",
+  "InkblotTypographyLetterSpacingWider": "0.06em",
+  "InkblotZIndexHide": -1,
+  "InkblotZIndexBase": 0,
+  "InkblotZIndexRaised": 1,
+  "InkblotZIndexDropdown": 10,
+  "InkblotZIndexSticky": 20,
+  "InkblotZIndexOverlay": 30,
+  "InkblotZIndexModal": 40,
+  "InkblotZIndexPopover": 50,
+  "InkblotZIndexToast": 60,
+  "InkblotZIndexMax": 9999,
+  "InkblotDarkColorBackgroundPrimary": "#12110e",
+  "InkblotDarkColorBackgroundSecondary": "#1d1c18",
+  "InkblotDarkColorBackgroundTertiary": "#2a2924",
+  "InkblotDarkColorBackgroundInverse": "#fafaf7",
+  "InkblotDarkColorTextPrimary": "#f5f4f0",
+  "InkblotDarkColorTextSecondary": "#93928a",
+  "InkblotDarkColorTextTertiary": "#6b6a63",
+  "InkblotDarkColorTextInverse": "#1d1c19",
+  "InkblotDarkColorTextLink": "#d9bc58",
+  "InkblotDarkColorTextLinkHover": "#e8d38a",
+  "InkblotDarkColorBorderDefault": "#38372f",
+  "InkblotDarkColorBorderStrong": "#4d4c44",
+  "InkblotDarkColorBorderFocus": "#d9bc58",
+  "InkblotDarkColorInteractivePrimary": "#d9bc58",
+  "InkblotDarkColorInteractivePrimaryHover": "#e8d38a",
+  "InkblotDarkColorInteractivePrimaryActive": "#c4a030",
+  "InkblotDarkColorInteractiveSecondary": "#2a2924",
+  "InkblotDarkColorInteractiveSecondaryHover": "#38372f",
+  "InkblotDarkColorStatusSuccess": "#4cb864",
+  "InkblotDarkColorStatusWarning": "#e0a020",
+  "InkblotDarkColorStatusError": "#e05a52",
+  "InkblotDarkColorStatusInfo": "#7ab8d6",
+  "InkblotSemanticDevtoolsColorBackgroundApp": "#020617",
+  "InkblotSemanticDevtoolsColorBackgroundSurface": "#0b1220",
+  "InkblotSemanticDevtoolsColorBackgroundSurfaceElevated": "#0b1220",
+  "InkblotSemanticDevtoolsColorTextPrimary": "#f8fafc",
+  "InkblotSemanticDevtoolsColorTextMuted": "#cbd5e1",
+  "InkblotSemanticDevtoolsColorTextOnPrimary": "#f8fafc",
+  "InkblotSemanticDevtoolsColorBorderDefault": "#1e293b",
+  "InkblotSemanticDevtoolsColorBorderStrong": "#60a5fa",
+  "InkblotSemanticDevtoolsColorAccentBrand": "#2563eb",
+  "InkblotSemanticDevtoolsColorAccentPositive": "#10b981",
+  "InkblotSemanticDevtoolsColorInteractivePrimary": "#2563eb",
+  "InkblotSemanticDevtoolsColorInteractivePrimaryHover": "#60a5fa",
+  "InkblotSemanticDevtoolsColorInteractiveGhost": "#cbd5e1",
+  "InkblotSemanticDevtoolsColorInteractiveFocus": "#60a5fa",
+  "InkblotSemanticColorBackgroundPrimary": "#fafaf7",
+  "InkblotSemanticColorBackgroundSecondary": "#ffffff",
+  "InkblotSemanticColorBackgroundTertiary": "#f5f4f0",
+  "InkblotSemanticColorBackgroundInverse": "#1d1c19",
+  "InkblotSemanticColorTextPrimary": "#1d1c19",
+  "InkblotSemanticColorTextSecondary": "#6b6a63",
+  "InkblotSemanticColorTextTertiary": "#93928a",
+  "InkblotSemanticColorTextInverse": "#ffffff",
+  "InkblotSemanticColorTextLink": "#a38427",
+  "InkblotSemanticColorTextLinkHover": "#7f671f",
+  "InkblotSemanticColorBorderDefault": "#eae9e3",
+  "InkblotSemanticColorBorderStrong": "#d4d3cb",
+  "InkblotSemanticColorBorderFocus": "#c4a030",
+  "InkblotSemanticColorInteractivePrimary": "#c4a030",
+  "InkblotSemanticColorInteractivePrimaryHover": "#a38427",
+  "InkblotSemanticColorInteractivePrimaryActive": "#7f671f",
+  "InkblotSemanticColorInteractiveSecondary": "#f5f4f0",
+  "InkblotSemanticColorInteractiveSecondaryHover": "#eae9e3",
+  "InkblotSemanticColorStatusSuccess": "#358c46",
+  "InkblotSemanticColorStatusWarning": "#c48c1a",
+  "InkblotSemanticColorStatusError": "#be3e35",
+  "InkblotSemanticColorStatusInfo": "#5790ad",
+  "InkblotSemanticTypographyHeading1": {"fontFamily":"'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif","fontSize":"2.125rem","fontWeight":"600","lineHeight":1.2,"letterSpacing":"-0.02em"},
+  "InkblotSemanticTypographyHeading2": {"fontFamily":"'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif","fontSize":"1.75rem","fontWeight":"600","lineHeight":1.2,"letterSpacing":"-0.02em"},
+  "InkblotSemanticTypographyHeading3": {"fontFamily":"'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif","fontSize":"1.5rem","fontWeight":"500","lineHeight":1.375,"letterSpacing":"0"},
+  "InkblotSemanticTypographyHeading4": {"fontFamily":"'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif","fontSize":"1.25rem","fontWeight":"500","lineHeight":1.375,"letterSpacing":"0"},
+  "InkblotSemanticTypographyBodyDefault": {"fontFamily":"'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif","fontSize":"0.9375rem","fontWeight":"400","lineHeight":1.5,"letterSpacing":"0"},
+  "InkblotSemanticTypographyBodySmall": {"fontFamily":"'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif","fontSize":"0.8125rem","fontWeight":"400","lineHeight":1.5,"letterSpacing":"0"},
+  "InkblotSemanticTypographyBodyLarge": {"fontFamily":"'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif","fontSize":"1.0625rem","fontWeight":"400","lineHeight":1.65,"letterSpacing":"0"},
+  "InkblotSemanticTypographyLabelDefault": {"fontFamily":"'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif","fontSize":"0.75rem","fontWeight":"500","lineHeight":1.5,"letterSpacing":"0.02em"}
+}