SP/Heading/Display
SP/Heading/H1
SP/Heading/H2
SP/Heading/H3
SP/Body/L
SP/Body/M
SP/Body/S
SP/Label/Button
date
link
PC/Heading/Display
PC/Heading/H1
PC/Heading/H2
PC/Heading/H3
PC/Body/L
PC/Body/M
PC/Body/S
PC/Label/Button
Semantic
bg
brand
Semantic
color/brand/500 -> #ED543C
brand-hover
Semantic
color/brand/600 -> #CD3922
brand-subtle
Semantic
color/brand/50 -> #FEF4F2
default
Semantic
color/white -> #FFFFFF
error-subtle
Semantic
color/red/50 -> #FEF4F3
muted
Semantic
color/gray/100 -> #EFECEB
subtle
Semantic
color/gray/50 -> #F8F6F6
success-subtle
Semantic
color/green/50 -> #EBFCED
warning-subtle
Semantic
color/amber/50 -> #FFF5E9
border
default
Semantic
color/gray/200 -> #DED9D8
error
Semantic
color/red/500 -> #EC504E
focus
Semantic
color/brand/500 -> #ED543C
strong
Semantic
color/gray/300 -> #C8C1BF
text
brand
Semantic
color/brand/600 -> #CD3922
disabled
Semantic
color/gray/400 -> #AEA5A4
error
Semantic
color/red/700 -> #AD2328
on-brand
Semantic
color/white -> #FFFFFF
primary
Semantic
color/gray/900 -> #3F3938
secondary
Semantic
color/gray/600 -> #7D7472
success
Semantic
color/green/700 -> #047434
warning
Semantic
color/amber/700 -> #825705