Design Tokens
core.shape.corner.none 0core.shape.corner.small 2pxcore.size.small 8pxcore.size.medium 16pxcore.size.large 24pxcore.spacing.tight 2pxcore.spacing.compact 4pxcore.spacing.balanced 8pxcore.spacing.expanded 16pxcore.palette.neutral.0 #000000core.palette.neutral.10 #18181bcore.palette.neutral.30 rgba(228, 228, 231, 0.05)core.palette.neutral.60 #9ca3afcore.palette.neutral.70 #d1d5dbcore.palette.neutral.100 #ffffffcore.palette.teal.10 rgba(45, 212, 191, 0.3)core.palette.teal.60 #2dd4bfcore.opacity.none 0core.opacity.full 1core.typography.family.sans Intercore.typography.family.mono 'Roboto Mono'core.typography.lineheight.relaxed 1.6core.typography.lineheight.normal 1.5core.typography.lineheight.tighter 1.429core.typography.lineheight.tight 1.333core.typography.lineheight.tightest 1.111core.typography.tracking.normal 0emcore.typography.weight.regular 400core.typography.weight.bold 700core.typography.size.huge 2.25remcore.typography.size.large 1.5remcore.typography.size.medium 1.25remcore.typography.size.base 1remcore.typography.size.small 0.875remcore.border.width.none 0core.border.width.regular 2pxalias.layout.max-width.default 80chalias.color.background #18181balias.color.background-subtle rgba(228, 228, 231, 0.05)alias.color.on-background #ffffffalias.color.on-background-subtle #d1d5dbalias.color.on-background-muted #9ca3afalias.color.primary #2dd4bfalias.color.on-primary rgba(45, 212, 191, 0.3)alias.typography.h1 700 2.25rem/1.111 Interalias.typography.h2 700 1.5rem/1.333 Interalias.typography.h3 700 1.25rem/1.6 Interalias.typography.h4 700 1rem/1.5 Interalias.typography.body 400 1rem/1.5 Interalias.typography.code 400 1rem/1.5 'Roboto Mono'alias.typography.label 400 0.875rem/1.333 Intercomponent.icon-button.container-color #18181bcomponent.icon-button.text-color #ffffffcomponent.icon-button.padding 2pxcomponent.icon-button.border 2px solid #ffffffcomponent.icon-button.shape 2pxcomponent.tag.container-color #18181bcomponent.tag.text-color #ffffffcomponent.tag.active.text-color #2dd4bfcomponent.tag.active.border 2px solid #2dd4bfcomponent.tag.padding 4pxcomponent.tag.border 2px solid #ffffffcomponent.tag.shape 2pxcomponent.link.default.text-color #2dd4bfcomponent.link.default.underline-color rgba(45, 212, 191, 0.3)component.link.hover.underline-color #2dd4bfcomponent.code-inline.container-color rgba(228, 228, 231, 0.05)component.code-inline.padding 2pxcomponent.code-inline.shape 2pxcomponent.table.border 2px solid #ffffffcomponent.blockquote.padding 4pxcomponent.blockquote.border 2px solid #2dd4bfcomponent.heading.text-color #9ca3afcomponent.icon.size 16pxcomponent.box.container-color #18181bcomponent.box.padding 16pxcomponent.box.border 2px solid #ffffffcomponent.box.shape 0component.center.max-width 80chcomponent.center.padding 8pxcomponent.cluster.gap 8pxcomponent.stack.gap 16px