Design Tokens
Global → Theme → Component, sourced from the Figma "ptrckschrdtr GTC DS" file. Light is the default mode.
Theme — Surface
--theme-surface-page
--theme-surface-raised
--theme-surface-overlay
--theme-surface-subtle
--theme-surface-muted
Theme — Text
--theme-text-default
--theme-text-muted
--theme-text-subtle
--theme-text-on-primary
Theme — Border
--theme-border-default
--theme-border-input
--theme-border-subtle
--theme-border-focus-ring
Theme — Button (Primary)
--theme-button-primary-bg
--theme-button-primary-hover
--theme-button-primary-active
Theme — Status
--theme-status-destructive
--theme-status-success
--theme-status-warning
--theme-status-info
Spacing
--global-size-unit-1
--global-size-unit-2
--global-size-unit-3
--global-size-unit-4
--global-size-unit-6
--global-size-unit-8
--global-size-unit-12
--global-size-unit-16
--global-size-unit-24
--global-size-unit-32
Radius
none
sm
md
lg
xl
2xl
full
pill
Typography
Aa --global-font-size-xs
Aa --global-font-size-sm
Aa --global-font-size-base
Aa --global-font-size-md
Aa --global-font-size-lg
Aa --global-font-size-xl
Aa --global-font-size-2xl
Aa --global-font-size-3xl
Aa --global-font-size-4xl
Aa --global-font-size-5xl