Learning
Learning platform
2 tones · 331 tokens per tone
Light · g10
tokens/dist/css/learning.g10.css
PrimaryTertiaryLink →
SuccessWarningErrorInfo
Card title
Avala renders this canvas with the brand tokens.
Dark · g100
tokens/dist/css/learning.g100.css
PrimaryTertiaryLink →
SuccessWarningErrorInfo
Card title
Avala renders this canvas with the brand tokens.
Token reference
Every token role for Learning brand. Each row shows the value emitted for the dark (g100) and light (g10) tones. Roles follow Carbon's taxonomy verbatim — only the values differ.
Background
g100 · background
#121212
g10 · background
#ffffff
g100 · background-active
#41454d
g10 · background-active
#e6e8ed
g100 · background-brand
#ff5c00
g10 · background-brand
#ff5c00
g100 · background-hover
#292c33
g10 · background-hover
#f0f2f7
g100 · background-inverse
#ffffff
g10 · background-inverse
#161616
g100 · background-inverse-hover
#f0f2f7
g10 · background-inverse-hover
#292929
g100 · background-selected
#1b1b1b
g10 · background-selected
#f0f2f7
g100 · background-selected-hover
#292c33
g10 · background-selected-hover
#e6e8ed
Layer
g100 · layer-01
#1a1a1a
g10 · layer-01
#f7f9fc
g100 · layer-02
#1e1e1e
g10 · layer-02
#f5f5f5
g100 · layer-03
#222222
g10 · layer-03
#fafafa
g100 · layer-accent-01
#1b1b1b
g10 · layer-accent-01
#f7f9fc
g100 · layer-accent-02
#292c33
g10 · layer-accent-02
#f0f2f7
g100 · layer-accent-03
#41454d
g10 · layer-accent-03
#e6e8ed
g100 · layer-accent-active-01
#41454d
g10 · layer-accent-active-01
#e6e8ed
g100 · layer-accent-active-02
#676b73
g10 · layer-accent-active-02
#d2d4d9
g100 · layer-accent-active-03
#9c9fa6
g10 · layer-accent-active-03
#b8babf
g100 · layer-accent-hover-01
#292c33
g10 · layer-accent-hover-01
#f0f2f7
g100 · layer-accent-hover-02
#41454d
g10 · layer-accent-hover-02
#e6e8ed
g100 · layer-accent-hover-03
#676b73
g10 · layer-accent-hover-03
#d2d4d9
g100 · layer-active-01
#2e2e2e
g10 · layer-active-01
#e6e8ed
g100 · layer-active-02
#323232
g10 · layer-active-02
#e0e3e9
g100 · layer-active-03
#363636
g10 · layer-active-03
#d2d4d9
g100 · layer-hover-01
#222222
g10 · layer-hover-01
#f0f2f7
g100 · layer-hover-02
#262626
g10 · layer-hover-02
#f0f2f7
g100 · layer-hover-03
#2a2a2a
g10 · layer-hover-03
#e6e8ed
g100 · layer-selected-01
#1f1f1f
g10 · layer-selected-01
#f0f2f7
g100 · layer-selected-02
#232323
g10 · layer-selected-02
#f0f2f7
g100 · layer-selected-03
#272727
g10 · layer-selected-03
#f0f2f7
g100 · layer-selected-disabled
#41454d
g10 · layer-selected-disabled
#9c9fa6
g100 · layer-selected-hover-01
#262626
g10 · layer-selected-hover-01
#e6e8ed
g100 · layer-selected-hover-02
#2a2a2a
g10 · layer-selected-hover-02
#e6e8ed
g100 · layer-selected-hover-03
#2e2e2e
g10 · layer-selected-hover-03
#e6e8ed
g100 · layer-selected-inverse
#ffffff
g10 · layer-selected-inverse
#141821
Field
g100 · field-01
#1e1e1e
g10 · field-01
#f7f9fc
g100 · field-02
#292c33
g10 · field-02
#ffffff
g100 · field-03
#2a2a2a
g10 · field-03
#f0f2f7
g100 · field-hover-01
#222222
g10 · field-hover-01
#f0f2f7
g100 · field-hover-02
#262626
g10 · field-hover-02
#f0f2f7
g100 · field-hover-03
#2a2a2a
g10 · field-hover-03
#e6e8ed
Text
g100 · text-disabled
#525252
g10 · text-disabled
#b8babf
g100 · text-error
#fa4d56
g10 · text-error
#d93636
g100 · text-helper
#a8a8a8
g10 · text-helper
#676b73
g100 · text-inverse
#161616
g10 · text-inverse
#ffffff
g100 · text-on-color
#ffffff
g10 · text-on-color
#ffffff
g100 · text-on-color-disabled
#8d8d8d
g10 · text-on-color-disabled
#9c9fa6
g100 · text-on-error
#ffffff
g10 · text-on-error
#ffffff
g100 · text-on-info
#000000
g10 · text-on-info
#000000
g100 · text-on-success
#000000
g10 · text-on-success
#000000
g100 · text-on-warning
#000000
g10 · text-on-warning
#000000
g100 · text-placeholder
#676b73
g10 · text-placeholder
#9c9fa6
g100 · text-primary
#ffffff
g10 · text-primary
#141821
g100 · text-secondary
#c6c6c6
g10 · text-secondary
#41454d
Border
g100 · border-disabled
#3a3a3a
g10 · border-disabled
#e6e8ed
g100 · border-interactive
#ff5c00
g10 · border-interactive
#ff5c00
g100 · border-inverse
#ffffff
g10 · border-inverse
#141821
g100 · border-strong-01
#676b73
g10 · border-strong-01
#9c9fa6
g100 · border-strong-02
#9c9fa6
g10 · border-strong-02
#676b73
g100 · border-strong-03
#b8babf
g10 · border-strong-03
#41454d
g100 · border-subtle-00
#2a2a2a
g10 · border-subtle-00
#e6e8ed
g100 · border-subtle-01
#333333
g10 · border-subtle-01
#e8e8e8
g100 · border-subtle-02
#3a3a3a
g10 · border-subtle-02
#e0e3e9
g100 · border-subtle-03
#404040
g10 · border-subtle-03
#d2d4d9
g100 · border-subtle-selected-01
#41454d
g10 · border-subtle-selected-01
#d2d4d9
g100 · border-subtle-selected-02
#41454d
g10 · border-subtle-selected-02
#d2d4d9
g100 · border-subtle-selected-03
#41454d
g10 · border-subtle-selected-03
#d2d4d9
g100 · border-tile-01
#2a2a2a
g10 · border-tile-01
#e8e8e8
g100 · border-tile-02
#333333
g10 · border-tile-02
#e0e3e9
g100 · border-tile-03
#3a3a3a
g10 · border-tile-03
#d2d4d9
Interactive · Focus · Link
g100 · focus
#ff5c00
g10 · focus
#ff5c00
g100 · interactive
#ff5c00
g10 · interactive
#ff5c00
g100 · link-inverse
#0f62fe
g10 · link-inverse
#0f62fe
g100 · link-primary
#ff5c00
g10 · link-primary
#ff5c00
g100 · link-primary-hover
#ff7a33
g10 · link-primary-hover
#b24e2d
g100 · link-secondary
#c6c6c6
g10 · link-secondary
#41454d
g100 · link-visited
#a422e1
g10 · link-visited
#a422e1
Button
g100 · button-danger-primary
#d93636
g10 · button-danger-primary
#d93636
g100 · button-danger-secondary
#d93636
g10 · button-danger-secondary
#d93636
g100 · button-disabled
#3a3a3a
g10 · button-disabled
#d2d4d9
g100 · button-primary
#ff5c00
g10 · button-primary
#ff5c00
g100 · button-secondary
#525252
g10 · button-secondary
#41454d
g100 · button-separator
#161616
g10 · button-separator
#e0e0e0
g100 · button-tertiary
#ffffff
g10 · button-tertiary
#141821
Support (status)
g100 · notification-action-hover
#222222
g10 · notification-action-hover
#f0f2f7
g100 · notification-background-error
#2d1414
g10 · notification-background-error
#fff1f1
g100 · notification-background-info
#142a2d
g10 · notification-background-info
#edf5ff
g100 · notification-background-success
#142d14
g10 · notification-background-success
#defbe6
g100 · notification-background-warning
#2d2614
g10 · notification-background-warning
#fdf6dd
g100 · support-caution-major
#d29600
g10 · support-caution-major
#d29600
g100 · support-caution-minor
#fff4d9
g10 · support-caution-minor
#fff4d9
g100 · support-caution-undefined
#a422e1
g10 · support-caution-undefined
#a422e1
g100 · support-error
#d93636
g10 · support-error
#d93636
g100 · support-error-inverse
#a82a2a
g10 · support-error-inverse
#bc2929
g100 · support-info
#6fc1e0
g10 · support-info
#6fc1e0
g100 · support-info-inverse
#5ba8c2
g10 · support-info-inverse
#1d6c89
g100 · support-success
#50cc3d
g10 · support-success
#50cc3d
g100 · support-success-inverse
#3da432
g10 · support-success-inverse
#227016
g100 · support-warning
#f7b100
g10 · support-warning
#f7b100
g100 · support-warning-inverse
#c18d00
g10 · support-warning-inverse
#cb950d
Icon
g100 · icon-disabled
#525252
g10 · icon-disabled
#b8babf
g100 · icon-interactive
#ff5c00
g10 · icon-interactive
#ff5c00
g100 · icon-inverse
#161616
g10 · icon-inverse
#ffffff
g100 · icon-on-color
#ffffff
g10 · icon-on-color
#ffffff
g100 · icon-on-color-disabled
#8d8d8d
g10 · icon-on-color-disabled
#9c9fa6
g100 · icon-primary
#ffffff
g10 · icon-primary
#141821
g100 · icon-secondary
#c6c6c6
g10 · icon-secondary
#41454d
Tag
g100 · tag-background-blue
#0043ce
g10 · tag-background-blue
#d0e2ff
g100 · tag-background-cool-gray
#41454d
g10 · tag-background-cool-gray
#e6e8ed
g100 · tag-background-cyan
#1d6c89
g10 · tag-background-cyan
#cbe7ee
g100 · tag-background-gray
#41454d
g10 · tag-background-gray
#e6e8ed
g100 · tag-background-green
#1b4d12
g10 · tag-background-green
#d7f7d2
g100 · tag-background-magenta
#491d8b
g10 · tag-background-magenta
#ffd6e8
g100 · tag-background-purple
#390f4c
g10 · tag-background-purple
#f7e5ff
g100 · tag-background-red
#540404
g10 · tag-background-red
#ffd7d9
g100 · tag-background-teal
#005d5d
g10 · tag-background-teal
#9ef0f0
g100 · tag-background-warm-gray
#41454d
g10 · tag-background-warm-gray
#e6e8ed
Avala brand
g100 · av-2xl
2rem
g10 · av-2xl
2rem
g100 · av-3xl
3rem
g10 · av-3xl
3rem
g100 · av-4xl
5rem
g10 · av-4xl
5rem
g100 · av-accent-100
#ffece5
g10 · av-accent-100
#ffece5
g100 · av-accent-200
#ffb499
g10 · av-accent-200
#ffb499
g100 · av-accent-300
#ff5c00
g10 · av-accent-300
#ff5c00
g100 · av-accent-400
#b24e2d
g10 · av-accent-400
#b24e2d
g100 · av-accent-500
#591d09
g10 · av-accent-500
#591d09
g100 · av-base
0.25rem
g10 · av-base
0.25rem
g100 · av-blue-100
#cbe7ee
g10 · av-blue-100
#cbe7ee
g100 · av-blue-300
#5ea4be
g10 · av-blue-300
#5ea4be
g100 · av-blue-400
#40a2c7
g10 · av-blue-400
#40a2c7
g100 · av-blue-500
#1d6c89
g10 · av-blue-500
#1d6c89
g100 · av-card-gradient-end
#141414
g10 · av-card-gradient-end
#f4f4f4
g100 · av-card-gradient-start
#121212
g10 · av-card-gradient-start
#f7f7f7
g100 · av-danger-100
#ffd9d9
g10 · av-danger-100
#ffd9d9
g100 · av-danger-300
#d93636
g10 · av-danger-300
#d93636
g100 · av-danger-400
#bc2929
g10 · av-danger-400
#bc2929
g100 · av-danger-500
#540404
g10 · av-danger-500
#540404
g100 · av-investor-100
#d0e2ff
g10 · av-investor-100
#d0e2ff
g100 · av-investor-200
#7cabff
g10 · av-investor-200
#7cabff
g100 · av-investor-300
#0f62fe
g10 · av-investor-300
#0f62fe
g100 · av-investor-400
#0043ce
g10 · av-investor-400
#0043ce
g100 · av-investor-500
#001d6c
g10 · av-investor-500
#001d6c
g100 · av-lg
1rem
g10 · av-lg
1rem
g100 · av-locked-status-error
#d93636
g10 · av-locked-status-error
#d93636
g100 · av-locked-status-info
#6fc1e0
g10 · av-locked-status-info
#6fc1e0
g100 · av-locked-status-success
#50cc3d
g10 · av-locked-status-success
#50cc3d
g100 · av-locked-status-warning
#f7b100
g10 · av-locked-status-warning
#f7b100
g100 · av-md
0.75rem
g10 · av-md
0.75rem
g100 · av-neutral-100
#f7f9fc
g10 · av-neutral-100
#f7f9fc
g100 · av-neutral-1000
#000000
g10 · av-neutral-1000
#000000
g100 · av-neutral-125
#f9f9f9
g10 · av-neutral-125
#f9f9f9
g100 · av-neutral-150
#f0f2f7
g10 · av-neutral-150
#f0f2f7
g100 · av-neutral-200
#e6e8ed
g10 · av-neutral-200
#e6e8ed
g100 · av-neutral-250
#e0e3e9
g10 · av-neutral-250
#e0e3e9
g100 · av-neutral-300
#d2d4d9
g10 · av-neutral-300
#d2d4d9
g100 · av-neutral-400
#b8babf
g10 · av-neutral-400
#b8babf
g100 · av-neutral-50
#ffffff
g10 · av-neutral-50
#ffffff
g100 · av-neutral-500
#9c9fa6
g10 · av-neutral-500
#9c9fa6
g100 · av-neutral-600
#676b73
g10 · av-neutral-600
#676b73
g100 · av-neutral-700
#41454d
g10 · av-neutral-700
#41454d
g100 · av-neutral-800
#292c33
g10 · av-neutral-800
#292c33
g100 · av-neutral-850
#1b1b1b
g10 · av-neutral-850
#1b1b1b
g100 · av-neutral-900
#141821
g10 · av-neutral-900
#141821
g100 · av-neutral-925
#0e1116
g10 · av-neutral-925
#0e1116
g100 · av-neutral-950
#101010
g10 · av-neutral-950
#101010
g100 · av-overlay-scrim
rgba(0, 0, 0, 0.85)
g10 · av-overlay-scrim
rgba(0, 0, 0, 0.65)
g100 · av-primary-100
#f7e5ff
g10 · av-primary-100
#f7e5ff
g100 · av-primary-200
#d291f1
g10 · av-primary-200
#d291f1
g100 · av-primary-300
#a422e1
g10 · av-primary-300
#a422e1
g100 · av-primary-400
#6b238c
g10 · av-primary-400
#6b238c
g100 · av-primary-500
#390f4c
g10 · av-primary-500
#390f4c
g100 · av-sm
0.5rem
g10 · av-sm
0.5rem
g100 · av-status-overlooked
#6fc1e0
g10 · av-status-overlooked
#6fc1e0
g100 · av-status-pending
#f7b100
g10 · av-status-pending
#f7b100
g100 · av-success-100
#d7f7d2
g10 · av-success-100
#d7f7d2
g100 · av-success-200
#adf778
g10 · av-success-200
#adf778
g100 · av-success-300
#22a028
g10 · av-success-300
#22a028
g100 · av-success-400
#227016
g10 · av-success-400
#227016
g100 · av-success-500
#1b4d12
g10 · av-success-500
#1b4d12
g100 · av-warning-100
#fff4d9
g10 · av-warning-100
#fff4d9
g100 · av-warning-300
#d29600
g10 · av-warning-300
#d29600
g100 · av-warning-400
#cb950d
g10 · av-warning-400
#cb950d
g100 · av-warning-500
#705000
g10 · av-warning-500
#705000
g100 · av-xl
1.5rem
g10 · av-xl
1.5rem
g100 · av-xs
0.25rem
g10 · av-xs
0.25rem
Other
g100 · accent
#292c33
g10 · accent
#f0f2f7
g100 · accent-foreground
#ffffff
g10 · accent-foreground
#141821
g100 · ai-aura-end
rgba(255, 92, 0, 0)
g10 · ai-aura-end
rgba(255, 92, 0, 0)
g100 · ai-aura-start
rgba(255, 92, 0, 0.4)
g10 · ai-aura-start
rgba(255, 92, 0, 0.4)
g100 · ai-border-strong
#ff5c00
g10 · ai-border-strong
#ff5c00
g100 · ai-overlay
rgba(15, 15, 30, 0.85)
g10 · ai-overlay
rgba(15, 15, 30, 0.5)
g100 · ai-popover-background
#1b1b2e
g10 · ai-popover-background
#ffffff
g100 · ai-skeleton-background
#1a1a1a
g10 · ai-skeleton-background
#f0f2f7
g100 · ai-skeleton-element-background
#2a2a2a
g10 · ai-skeleton-element-background
#e6e8ed
g100 · border
#2a2a2a
g10 · border
#e8e8e8
g100 · brand-cyan
#5ea4be
g10 · brand-cyan
#5ea4be
g100 · brand-green
#88fb75
g10 · brand-green
#88fb75
g100 · brand-green-alt
#22a028
g10 · brand-green-alt
#22a028
g100 · brand-green-dark
#1e5715
g10 · brand-green-dark
#1e5715
g100 · brand-orange
#ff5c00
g10 · brand-orange
#ff5c00
g100 · brand-orange-dark
#b24e2d
g10 · brand-orange-dark
#b24e2d
g100 · brand-purple
#a422e1
g10 · brand-purple
#a422e1
g100 · brand-purple-dark
#411854
g10 · brand-purple-dark
#411854
g100 · btn-primary-bg
#ffffff
g10 · btn-primary-bg
#000000
g100 · btn-primary-bg-hover
#f0f0f0
g10 · btn-primary-bg-hover
#1a1a1a
g100 · btn-primary-border
rgba(255, 255, 255, 0.1)
g10 · btn-primary-border
rgba(0, 0, 0, 0.1)
g100 · btn-primary-fg
#000000
g10 · btn-primary-fg
#ffffff
g100 · card
#1e1e1e
g10 · card
#f5f5f5
g100 · card-foreground
#ffffff
g10 · card-foreground
#141821
g100 · card-gradient-end
#141414
g10 · card-gradient-end
#f4f4f4
g100 · card-gradient-start
#121212
g10 · card-gradient-start
#f7f7f7
g100 · chart-1
#ff5c00
g10 · chart-1
#ff5c00
g100 · chart-2
#adf778
g10 · chart-2
#adf778
g100 · chart-3
#5ea4be
g10 · chart-3
#5ea4be
g100 · chart-4
#d29600
g10 · chart-4
#d29600
g100 · chart-5
#a422e1
g10 · chart-5
#a422e1
g100 · color-1
#ff5c00
g10 · color-1
#ff5c00
g100 · color-2
#adf778
g10 · color-2
#adf778
g100 · color-3
#5ea4be
g10 · color-3
#5ea4be
g100 · color-4
#d29600
g10 · color-4
#d29600
g100 · color-5
#a422e1
g10 · color-5
#a422e1
g100 · destructive
#d93636
g10 · destructive
#d93636
g100 · destructive-foreground
#ffffff
g10 · destructive-foreground
#ffffff
g100 · duration-fast-01
70ms
g10 · duration-fast-01
70ms
g100 · duration-fast-02
110ms
g10 · duration-fast-02
110ms
g100 · duration-moderate-01
150ms
g10 · duration-moderate-01
150ms
g100 · duration-moderate-02
240ms
g10 · duration-moderate-02
240ms
g100 · duration-slow-01
400ms
g10 · duration-slow-01
400ms
g100 · duration-slow-02
700ms
g10 · duration-slow-02
700ms
g100 · easing-expressive-entrance
cubic-bezier(0, 0, 0.3, 1)
g10 · easing-expressive-entrance
cubic-bezier(0, 0, 0.3, 1)
g100 · easing-expressive-exit
cubic-bezier(0.4, 0.14, 1, 1)
g10 · easing-expressive-exit
cubic-bezier(0.4, 0.14, 1, 1)
g100 · easing-expressive-standard
cubic-bezier(0.4, 0.14, 0.3, 1)
g10 · easing-expressive-standard
cubic-bezier(0.4, 0.14, 0.3, 1)
g100 · easing-productive-entrance
cubic-bezier(0, 0, 0.38, 0.9)
g10 · easing-productive-entrance
cubic-bezier(0, 0, 0.38, 0.9)
g100 · easing-productive-exit
cubic-bezier(0.2, 0, 1, 0.9)
g10 · easing-productive-exit
cubic-bezier(0.2, 0, 1, 0.9)
g100 · easing-productive-standard
cubic-bezier(0.2, 0, 0.38, 0.9)
g10 · easing-productive-standard
cubic-bezier(0.2, 0, 0.38, 0.9)
g100 · focus-inset
#161616
g10 · focus-inset
#ffffff
g100 · focus-inverse
#ffffff
g10 · focus-inverse
#141821
g100 · font-lexend
Lexend, sans-serif
g10 · font-lexend
Lexend, sans-serif
g100 · font-mono
'JetBrains Mono', monospace
g10 · font-mono
'JetBrains Mono', monospace
g100 · font-sans
Lexend, sans-serif
g10 · font-sans
Lexend, sans-serif
g100 · font-weight-bold
700
g10 · font-weight-bold
700
g100 · font-weight-light
300
g10 · font-weight-light
300
g100 · font-weight-medium
500
g10 · font-weight-medium
500
g100 · font-weight-regular
400
g10 · font-weight-regular
400
g100 · font-weight-semibold
600
g10 · font-weight-semibold
600
g100 · foreground
#ffffff
g10 · foreground
#141821
g100 · header-height
3.5rem
g10 · header-height
3.5rem
g100 · highlight
#ff7a33
g10 · highlight
#ffb499
g100 · input
#2a2a2a
g10 · input
#e8e8e8
g100 · muted
#1b1b1b
g10 · muted
#f7f9fc
g100 · muted-foreground
#b8babf
g10 · muted-foreground
#676b73
g100 · overlay
rgba(0, 0, 0, 0.65)
g10 · overlay
rgba(0, 0, 0, 0.5)
g100 · overlay-black-35
rgba(0, 0, 0, 0.35)
g10 · overlay-black-35
rgba(0, 0, 0, 0.08)
g100 · overlay-black-45
rgba(0, 0, 0, 0.45)
g10 · overlay-black-45
rgba(0, 0, 0, 0.12)
g100 · overlay-black-50
rgba(0, 0, 0, 0.5)
g10 · overlay-black-50
rgba(0, 0, 0, 0.15)
g100 · overlay-dim
rgba(0, 0, 0, 0.6)
g10 · overlay-dim
rgba(0, 0, 0, 0.6)
g100 · overlay-white-10
rgba(255, 255, 255, 0.1)
g10 · overlay-white-10
rgba(0, 0, 0, 0.06)
g100 · overlay-white-15
rgba(255, 255, 255, 0.15)
g10 · overlay-white-15
rgba(0, 0, 0, 0.09)
g100 · overlay-white-20
rgba(255, 255, 255, 0.2)
g10 · overlay-white-20
rgba(0, 0, 0, 0.12)
g100 · overlay-white-25
rgba(255, 255, 255, 0.25)
g10 · overlay-white-25
rgba(0, 0, 0, 0.15)
g100 · overlay-white-5
rgba(255, 255, 255, 0.05)
g10 · overlay-white-5
rgba(0, 0, 0, 0.03)
g100 · popover
#1a1a1a
g10 · popover
#f7f9fc
g100 · popover-foreground
#ffffff
g10 · popover-foreground
#141821
g100 · primary
#ff5c00
g10 · primary
#ff5c00
g100 · primary-foreground
#ffffff
g10 · primary-foreground
#ffffff
g100 · primary-rgb
255, 92, 0
g10 · primary-rgb
255, 92, 0
g100 · radius
0
g10 · radius
0
g100 · radius-full
9999px
g10 · radius-full
9999px
g100 · radius-lg
0
g10 · radius-lg
0
g100 · radius-md
0
g10 · radius-md
0
g100 · radius-sm
0
g10 · radius-sm
0
g100 · ring
#ff5c00
g10 · ring
#ff5c00
g100 · secondary
#41454d
g10 · secondary
#e6e8ed
g100 · secondary-foreground
#ffffff
g10 · secondary-foreground
#141821
g100 · shadow-card
0 20px 50px -25px rgba(0, 0, 0, 0.35)
g10 · shadow-card
0 4px 20px -4px rgba(0, 0, 0, 0.08)
g100 · shadow-card-hover
0 20px 60px -20px rgba(0, 0, 0, 0.5)
g10 · shadow-card-hover
0 8px 30px -4px rgba(0, 0, 0, 0.12)
g100 · shadow-glow-blue
0 0 20px rgba(59, 130, 246, 0.2)
g10 · shadow-glow-blue
0 0 20px rgba(59, 130, 246, 0.25)
g100 · shadow-glow-emerald
0 0 20px rgba(16, 185, 129, 0.2)
g10 · shadow-glow-emerald
0 0 20px rgba(16, 185, 129, 0.25)
g100 · shadow-glow-primary
0 0 20px rgba(255, 92, 0, 0.15)
g10 · shadow-glow-primary
0 0 20px rgba(255, 92, 0, 0.2)
g100 · shadow-glow-purple
0 0 20px rgba(139, 92, 246, 0.2)
g10 · shadow-glow-purple
0 0 20px rgba(139, 92, 246, 0.25)
g100 · shadow-glow-red
0 0 20px rgba(239, 68, 68, 0.2)
g10 · shadow-glow-red
0 0 20px rgba(239, 68, 68, 0.25)
g100 · shadow-hero
0 28px 80px rgba(0, 0, 0, 0.45)
g10 · shadow-hero
0 12px 40px rgba(0, 0, 0, 0.1)
g100 · shadow-stage
0 16px 44px rgba(0, 0, 0, 0.1)
g10 · shadow-stage
0 8px 24px rgba(0, 0, 0, 0.06)
g100 · sidebar
#101010
g10 · sidebar
#f7f9fc
g100 · sidebar-accent
#1b1b1b
g10 · sidebar-accent
#f0f2f7
g100 · sidebar-accent-foreground
#ffffff
g10 · sidebar-accent-foreground
#141821
g100 · sidebar-border
#292c33
g10 · sidebar-border
#e6e8ed
g100 · sidebar-foreground
#ffffff
g10 · sidebar-foreground
#141821
g100 · sidebar-primary
#ff5c00
g10 · sidebar-primary
#ff5c00
g100 · sidebar-primary-foreground
#000000
g10 · sidebar-primary-foreground
#ffffff
g100 · sidebar-ring
#ff5c00
g10 · sidebar-ring
#ff5c00
g100 · size-102
6.375rem
g10 · size-102
6.375rem
g100 · size-12
0.75rem
g10 · size-12
0.75rem
g100 · size-14
0.875rem
g10 · size-14
0.875rem
g100 · size-16
1rem
g10 · size-16
1rem
g100 · size-18
1.125rem
g10 · size-18
1.125rem
g100 · size-20
1.25rem
g10 · size-20
1.25rem
g100 · size-24
1.5rem
g10 · size-24
1.5rem
g100 · size-28
1.75rem
g10 · size-28
1.75rem
g100 · size-32
2rem
g10 · size-32
2rem
g100 · size-36
2.25rem
g10 · size-36
2.25rem
g100 · size-42
2.625rem
g10 · size-42
2.625rem
g100 · size-48
3rem
g10 · size-48
3rem
g100 · size-54
3.375rem
g10 · size-54
3.375rem
g100 · size-60
3.75rem
g10 · size-60
3.75rem
g100 · size-68
4.25rem
g10 · size-68
4.25rem
g100 · size-76
4.75rem
g10 · size-76
4.75rem
g100 · size-84
5.25rem
g10 · size-84
5.25rem
g100 · size-92
5.75rem
g10 · size-92
5.75rem
g100 · skeleton-background
#1a1a1a
g10 · skeleton-background
#f0f2f7
g100 · skeleton-element
#2a2a2a
g10 · skeleton-element
#e6e8ed
g100 · spacing-01
0.125rem
g10 · spacing-01
0.125rem
g100 · spacing-02
0.25rem
g10 · spacing-02
0.25rem
g100 · spacing-03
0.5rem
g10 · spacing-03
0.5rem
g100 · spacing-04
0.75rem
g10 · spacing-04
0.75rem
g100 · spacing-05
1rem
g10 · spacing-05
1rem
g100 · spacing-06
1.5rem
g10 · spacing-06
1.5rem
g100 · spacing-07
2rem
g10 · spacing-07
2rem
g100 · spacing-08
2.5rem
g10 · spacing-08
2.5rem
g100 · spacing-09
3rem
g10 · spacing-09
3rem
g100 · spacing-10
4rem
g10 · spacing-10
4rem
g100 · spacing-11
5rem
g10 · spacing-11
5rem
g100 · spacing-12
6rem
g10 · spacing-12
6rem
g100 · spacing-13
10rem
g10 · spacing-13
10rem
g100 · status-blue
#5ea4be
g10 · status-blue
#5ea4be
g100 · status-cyan
#5ea4be
g10 · status-cyan
#5ea4be
g100 · status-emerald
#227016
g10 · status-emerald
#227016
g100 · status-gray
#9c9fa6
g10 · status-gray
#9c9fa6
g100 · status-green
#22a028
g10 · status-green
#22a028
g100 · status-orange
#ff5c00
g10 · status-orange
#ff5c00
g100 · status-purple
#a422e1
g10 · status-purple
#a422e1
g100 · status-red
#d93636
g10 · status-red
#d93636
g100 · toggle-off
#676b73
g10 · toggle-off
#9c9fa6