Surface Elevation Ladder
(lighter = elevated in dark mode)
--rs-surface-faint
--rs-bg
--rs-surface-muted
--rs-surface
Neutral Ramp
neutral-0
neutral-25
neutral-50
neutral-100
neutral-200
neutral-300
neutral-400
neutral-500
neutral-600
neutral-900
Body Text on Surfaces
Primary text on --rs-surface
Muted text on --rs-surface
Placeholder text on --rs-surface
Primary text on --rs-bg
Muted text on --rs-bg
Badges
positive
warning
critical
neutral
accent
muted
Flash
Success
Operation completed successfully.
Warning
Review before proceeding.
Error
Something went wrong.
Brand / Primary
--rs-primary
--rs-primary-hover
--rs-accent
on-primary
--rs-on-primary
on --rs-primary
on --rs-primary
Status Colors
--rs-success
--rs-success-soft
--rs-success-bg-subtle
--rs-warning
--rs-warning-soft
--rs-error
--rs-error-soft
--rs-error-bg-subtle
Focus Ring Targets
Text input + select (page-bg surface)
Buttons on page-bg surface
Primary button on card surface
card surface (--rs-surface)
Hover States
Hover to verify border/bg change in both themes.
Disabled States
Scope Probe
The outside-shell probe div below (outside .rs-shell) tests that
--rs-bg does not leak outside the shell. It should show red.