# Design System Documentation (LLM Optimized)
This document contains the complete design system tokens and specifications.
Use this context to generate UI components that strictly adhere to the design system.

## Animation

- **Name**: AnimationDurationFast
  - **Value**: 150ms
  - **Path**: animation.duration.fast
  - **Type**: duration

- **Name**: AnimationDurationNormal
  - **Value**: 250ms
  - **Path**: animation.duration.normal
  - **Type**: duration

- **Name**: AnimationDurationSlow
  - **Value**: 350ms
  - **Path**: animation.duration.slow
  - **Type**: duration

- **Name**: AnimationEasingLinear
  - **Value**: linear
  - **Path**: animation.easing.linear
  - **Type**: cubicBezier

- **Name**: AnimationEasingEase
  - **Value**: ease
  - **Path**: animation.easing.ease
  - **Type**: cubicBezier

- **Name**: AnimationEasingEaseIn
  - **Value**: cubic-bezier(0.4, 0, 1, 1)
  - **Path**: animation.easing.easeIn
  - **Type**: cubicBezier

- **Name**: AnimationEasingEaseOut
  - **Value**: cubic-bezier(0, 0, 0.2, 1)
  - **Path**: animation.easing.easeOut
  - **Type**: cubicBezier

- **Name**: AnimationEasingEaseInOut
  - **Value**: cubic-bezier(0.4, 0, 0.2, 1)
  - **Path**: animation.easing.easeInOut
  - **Type**: cubicBezier

## Color

- **Name**: ColorBrandPrimary50
  - **Value**: 238 242 255
  - **Path**: color.brand.primary.50
  - **Type**: color

- **Name**: ColorBrandPrimary100
  - **Value**: 224 231 255
  - **Path**: color.brand.primary.100
  - **Type**: color

- **Name**: ColorBrandPrimary200
  - **Value**: 199 210 254
  - **Path**: color.brand.primary.200
  - **Type**: color

- **Name**: ColorBrandPrimary300
  - **Value**: 165 180 252
  - **Path**: color.brand.primary.300
  - **Type**: color

- **Name**: ColorBrandPrimary400
  - **Value**: 129 140 248
  - **Path**: color.brand.primary.400
  - **Type**: color

- **Name**: ColorBrandPrimary500
  - **Value**: 99 102 241
  - **Path**: color.brand.primary.500
  - **Type**: color

- **Name**: ColorBrandPrimary600
  - **Value**: 79 70 229
  - **Path**: color.brand.primary.600
  - **Description**: DEFAULT primary - True Indigo #4f46e5
  - **Type**: color

- **Name**: ColorBrandPrimary700
  - **Value**: 67 56 202
  - **Path**: color.brand.primary.700
  - **Type**: color

- **Name**: ColorBrandPrimary800
  - **Value**: 55 48 163
  - **Path**: color.brand.primary.800
  - **Type**: color

- **Name**: ColorBrandPrimary900
  - **Value**: 49 46 129
  - **Path**: color.brand.primary.900
  - **Type**: color

- **Name**: ColorBrandGold50
  - **Value**: 255 251 235
  - **Path**: color.brand.gold.50
  - **Type**: color

- **Name**: ColorBrandGold100
  - **Value**: 254 243 199
  - **Path**: color.brand.gold.100
  - **Type**: color

- **Name**: ColorBrandGold200
  - **Value**: 253 230 138
  - **Path**: color.brand.gold.200
  - **Type**: color

- **Name**: ColorBrandGold300
  - **Value**: 252 211 77
  - **Path**: color.brand.gold.300
  - **Type**: color

- **Name**: ColorBrandGold400
  - **Value**: 251 191 36
  - **Path**: color.brand.gold.400
  - **Type**: color

- **Name**: ColorBrandGold500
  - **Value**: 245 158 11
  - **Path**: color.brand.gold.500
  - **Type**: color

- **Name**: ColorBrandGold600
  - **Value**: 217 119 6
  - **Path**: color.brand.gold.600
  - **Description**: DEFAULT gold/accent - Strategic Excellence
  - **Type**: color

- **Name**: ColorBrandGold700
  - **Value**: 180 83 9
  - **Path**: color.brand.gold.700
  - **Type**: color

- **Name**: ColorBrandPremiumDefault
  - **Value**: 124 58 237
  - **Path**: color.brand.premium.DEFAULT
  - **Description**: Purple - Luxury tier
  - **Type**: color

- **Name**: ColorNeutralGray50
  - **Value**: 248 250 252
  - **Path**: color.neutral.gray.50
  - **Description**: Slate - Lightest
  - **Type**: color

- **Name**: ColorNeutralGray100
  - **Value**: 241 245 249
  - **Path**: color.neutral.gray.100
  - **Type**: color

- **Name**: ColorNeutralGray200
  - **Value**: 226 232 240
  - **Path**: color.neutral.gray.200
  - **Type**: color

- **Name**: ColorNeutralGray300
  - **Value**: 203 213 225
  - **Path**: color.neutral.gray.300
  - **Type**: color

- **Name**: ColorNeutralGray400
  - **Value**: 148 163 184
  - **Path**: color.neutral.gray.400
  - **Type**: color

- **Name**: ColorNeutralGray500
  - **Value**: 100 116 139
  - **Path**: color.neutral.gray.500
  - **Type**: color

- **Name**: ColorNeutralGray600
  - **Value**: 71 85 105
  - **Path**: color.neutral.gray.600
  - **Type**: color

- **Name**: ColorNeutralGray700
  - **Value**: 51 65 85
  - **Path**: color.neutral.gray.700
  - **Type**: color

- **Name**: ColorNeutralGray800
  - **Value**: 30 41 59
  - **Path**: color.neutral.gray.800
  - **Type**: color

- **Name**: ColorNeutralGray900
  - **Value**: 15 23 42
  - **Path**: color.neutral.gray.900
  - **Description**: Slate - Darkest
  - **Type**: color

- **Name**: ColorNeutralBackgroundDefault
  - **Value**: 255 255 255
  - **Path**: color.neutral.background.DEFAULT
  - **Description**: Pure white
  - **Type**: color

- **Name**: ColorNeutralBackgroundDark
  - **Value**: 249 250 251
  - **Path**: color.neutral.background.dark
  - **Description**: Subtle gray for alternation
  - **Type**: color

- **Name**: ColorNeutralForegroundDefault
  - **Value**: 15 23 42
  - **Path**: color.neutral.foreground.DEFAULT
  - **Description**: Near-black text (gray-900)
  - **Type**: color

- **Name**: ColorNeutralBorderDefault
  - **Value**: 226 232 240
  - **Path**: color.neutral.border.DEFAULT
  - **Description**: gray-200
  - **Type**: color

- **Name**: ColorNeutralBorderDark
  - **Value**: 203 213 225
  - **Path**: color.neutral.border.dark
  - **Description**: gray-300
  - **Type**: color

- **Name**: ColorNeutralBorderLight
  - **Value**: 241 245 249
  - **Path**: color.neutral.border.light
  - **Description**: gray-100
  - **Type**: color

- **Name**: ColorSemanticSuccessDefault
  - **Value**: 34 197 94
  - **Path**: color.semantic.success.DEFAULT
  - **Description**: Emerald-500
  - **Type**: color

- **Name**: ColorSemanticSuccessLight
  - **Value**: 134 239 172
  - **Path**: color.semantic.success.light
  - **Description**: Emerald-300
  - **Type**: color

- **Name**: ColorSemanticSuccessDark
  - **Value**: 22 163 74
  - **Path**: color.semantic.success.dark
  - **Description**: Emerald-600
  - **Type**: color

- **Name**: ColorSemanticErrorDefault
  - **Value**: 239 68 68
  - **Path**: color.semantic.error.DEFAULT
  - **Description**: Red-500
  - **Type**: color

- **Name**: ColorSemanticErrorLight
  - **Value**: 252 165 165
  - **Path**: color.semantic.error.light
  - **Description**: Red-300
  - **Type**: color

- **Name**: ColorSemanticErrorDark
  - **Value**: 220 38 38
  - **Path**: color.semantic.error.dark
  - **Description**: Red-600
  - **Type**: color

- **Name**: ColorSemanticWarningDefault
  - **Value**: 245 158 11
  - **Path**: color.semantic.warning.DEFAULT
  - **Description**: Gold-500
  - **Type**: color

- **Name**: ColorSemanticWarningLight
  - **Value**: 252 211 77
  - **Path**: color.semantic.warning.light
  - **Description**: Gold-300
  - **Type**: color

- **Name**: ColorSemanticWarningDark
  - **Value**: 180 83 9
  - **Path**: color.semantic.warning.dark
  - **Description**: Gold-700
  - **Type**: color

- **Name**: ColorSemanticInfoDefault
  - **Value**: 14 165 233
  - **Path**: color.semantic.info.DEFAULT
  - **Description**: Sky-500
  - **Type**: color

- **Name**: ColorSemanticDestructiveDefault
  - **Value**: 239 68 68
  - **Path**: color.semantic.destructive.DEFAULT
  - **Description**: Alias for error
  - **Type**: color

## Content

- **Name**: ContentBrandTagline
  - **Value**: AI That Works in Regulated Industries
  - **Path**: content.brand.tagline
  - **Type**: content

- **Name**: ContentBrandDescription
  - **Value**: From strategy to deployment in 90 days. 25 years keeping regulated industries compliant while they innovate.
  - **Path**: content.brand.description
  - **Type**: content

- **Name**: ContentBrandDifferentiation
  - **Value**: We don't just build AI—we build AI that regulators can trust.
  - **Path**: content.brand.differentiation
  - **Type**: content

- **Name**: ContentBrandHeritage
  - **Value**: 25 years of transformation expertise in finance, legal, healthcare, and rail. Now applied to AI.
  - **Path**: content.brand.heritage
  - **Type**: content

- **Name**: ContentLegalCopyright
  - **Value**: © 2024 Digital Platforms. All rights reserved.
  - **Path**: content.legal.copyright
  - **Type**: content

- **Name**: ContentLegalDisclaimer
  - **Value**: Results may vary based on implementation and usage.
  - **Path**: content.legal.disclaimer
  - **Type**: content

## Spacing

- **Name**: SpacingScale0
  - **Value**: 0
  - **Path**: spacing.scale.0
  - **Type**: spacing

- **Name**: SpacingScale1
  - **Value**: 0.25rem
  - **Path**: spacing.scale.1
  - **Type**: spacing

- **Name**: SpacingScale2
  - **Value**: 0.5rem
  - **Path**: spacing.scale.2
  - **Type**: spacing

- **Name**: SpacingScale3
  - **Value**: 0.75rem
  - **Path**: spacing.scale.3
  - **Type**: spacing

- **Name**: SpacingScale4
  - **Value**: 1rem
  - **Path**: spacing.scale.4
  - **Type**: spacing

- **Name**: SpacingScale5
  - **Value**: 1.25rem
  - **Path**: spacing.scale.5
  - **Type**: spacing

- **Name**: SpacingScale6
  - **Value**: 1.5rem
  - **Path**: spacing.scale.6
  - **Type**: spacing

- **Name**: SpacingScale8
  - **Value**: 2rem
  - **Path**: spacing.scale.8
  - **Type**: spacing

- **Name**: SpacingScale10
  - **Value**: 2.5rem
  - **Path**: spacing.scale.10
  - **Type**: spacing

- **Name**: SpacingScale12
  - **Value**: 3rem
  - **Path**: spacing.scale.12
  - **Type**: spacing

- **Name**: SpacingScale16
  - **Value**: 4rem
  - **Path**: spacing.scale.16
  - **Type**: spacing

- **Name**: SpacingScale20
  - **Value**: 5rem
  - **Path**: spacing.scale.20
  - **Type**: spacing

- **Name**: SpacingRadiusNone
  - **Value**: 0
  - **Path**: spacing.radius.none
  - **Type**: borderRadius

- **Name**: SpacingRadiusXs
  - **Value**: 0.125rem
  - **Path**: spacing.radius.xs
  - **Type**: borderRadius

- **Name**: SpacingRadiusSm
  - **Value**: 0.25rem
  - **Path**: spacing.radius.sm
  - **Type**: borderRadius

- **Name**: SpacingRadiusMd
  - **Value**: 0.5rem
  - **Path**: spacing.radius.md
  - **Type**: borderRadius

- **Name**: SpacingRadiusLg
  - **Value**: 0.75rem
  - **Path**: spacing.radius.lg
  - **Type**: borderRadius

- **Name**: SpacingRadiusXl
  - **Value**: 1rem
  - **Path**: spacing.radius.xl
  - **Type**: borderRadius

- **Name**: SpacingRadius2xl
  - **Value**: 1.5rem
  - **Path**: spacing.radius.2xl
  - **Type**: borderRadius

- **Name**: SpacingRadiusFull
  - **Value**: 9999px
  - **Path**: spacing.radius.full
  - **Type**: borderRadius

- **Name**: SpacingShadowXs
  - **Value**: 0 1px 2px 0 rgb(0 0 0 / 0.05)
  - **Path**: spacing.shadow.xs
  - **Type**: boxShadow

- **Name**: SpacingShadowSm
  - **Value**: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)
  - **Path**: spacing.shadow.sm
  - **Type**: boxShadow

- **Name**: SpacingShadowMd
  - **Value**: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)
  - **Path**: spacing.shadow.md
  - **Type**: boxShadow

- **Name**: SpacingShadowLg
  - **Value**: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)
  - **Path**: spacing.shadow.lg
  - **Type**: boxShadow

- **Name**: SpacingShadowXl
  - **Value**: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)
  - **Path**: spacing.shadow.xl
  - **Type**: boxShadow

## Typography

- **Name**: TypographyFontFamilyPrimary
  - **Value**: 'DM Sans', 'SF Pro Display', -apple-system, sans-serif
  - **Path**: typography.font.family.primary
  - **Type**: fontFamily

- **Name**: TypographyFontFamilyDisplay
  - **Value**: 'Satoshi', 'DM Sans', 'SF Pro Display', -apple-system, sans-serif
  - **Path**: typography.font.family.display
  - **Type**: fontFamily

- **Name**: TypographyFontFamilySecondary
  - **Value**: 'JetBrains Mono', 'SF Mono', 'Monaco', monospace
  - **Path**: typography.font.family.secondary
  - **Type**: fontFamily

- **Name**: TypographyFontFamilyMono
  - **Value**: 'JetBrains Mono', 'SF Mono', 'Monaco', monospace
  - **Path**: typography.font.family.mono
  - **Type**: fontFamily

- **Name**: TypographyFontSizeXs
  - **Value**: 0.75rem
  - **Path**: typography.font.size.xs
  - **Type**: fontSize

- **Name**: TypographyFontSizeSm
  - **Value**: 0.875rem
  - **Path**: typography.font.size.sm
  - **Type**: fontSize

- **Name**: TypographyFontSizeBase
  - **Value**: 1rem
  - **Path**: typography.font.size.base
  - **Type**: fontSize

- **Name**: TypographyFontSizeLg
  - **Value**: 1.125rem
  - **Path**: typography.font.size.lg
  - **Type**: fontSize

- **Name**: TypographyFontSizeXl
  - **Value**: 1.25rem
  - **Path**: typography.font.size.xl
  - **Type**: fontSize

- **Name**: TypographyFontSize2xl
  - **Value**: 1.5rem
  - **Path**: typography.font.size.2xl
  - **Type**: fontSize

- **Name**: TypographyFontSize3xl
  - **Value**: 1.875rem
  - **Path**: typography.font.size.3xl
  - **Type**: fontSize

- **Name**: TypographyFontSize4xl
  - **Value**: 2.25rem
  - **Path**: typography.font.size.4xl
  - **Type**: fontSize

- **Name**: TypographyFontSize5xl
  - **Value**: 3rem
  - **Path**: typography.font.size.5xl
  - **Type**: fontSize

- **Name**: TypographyFontWeightLight
  - **Value**: 300
  - **Path**: typography.font.weight.light
  - **Type**: fontWeight

- **Name**: TypographyFontWeightRegular
  - **Value**: 400
  - **Path**: typography.font.weight.regular
  - **Type**: fontWeight

- **Name**: TypographyFontWeightMedium
  - **Value**: 500
  - **Path**: typography.font.weight.medium
  - **Type**: fontWeight

- **Name**: TypographyFontWeightSemibold
  - **Value**: 600
  - **Path**: typography.font.weight.semibold
  - **Type**: fontWeight

- **Name**: TypographyFontWeightBold
  - **Value**: 700
  - **Path**: typography.font.weight.bold
  - **Type**: fontWeight

- **Name**: TypographyFontLineHeightTight
  - **Value**: 1.25
  - **Path**: typography.font.lineHeight.tight
  - **Type**: lineHeight

- **Name**: TypographyFontLineHeightNormal
  - **Value**: 1.5
  - **Path**: typography.font.lineHeight.normal
  - **Type**: lineHeight

- **Name**: TypographyFontLineHeightRelaxed
  - **Value**: 1.75
  - **Path**: typography.font.lineHeight.relaxed
  - **Type**: lineHeight