SECT_01 // ELEVATION_TIERS
Elevation
6 tiers de superfície. Hierarquia por valor de cinza, nunca por blur ou shadow.
canvas
--bb-canvas#09090A · Document canvas · neutral foundation
dark
--bb-dark#121213 · Page root · hero · footer
graphite
--bb-graphite#1A1A1A · Card · list row
surface
--bb-surface#151517 · Container · panel default
surface alt
--bb-surface-alt#1D1D20 · Low elevation · raised module
surface panel
--bb-surface-panel#18181B · Drawers · sidebars · supporting containers
surface console
--bb-surface-console#222225 · Dense technical · mono moments
surface hover-strong
--bb-surface-hover-strong#28282C · Strong hover · selection shell
REF: SURFACE_M3_001
SECT_02 // BORDER_SYSTEM
Border System
Hairline 1px na maioria. Bold 2px apenas para elementos críticos. Steel Gray como default.
--bb-line
#353535
Steel gray · default divider
--bb-line-soft
#444748
Softer divider on darker surface
--bb-line-warm
#4A4434
Warm divider on burned earth bg
--bb-border
rgba(255,255,255,0.09)
Translucent default
--bb-border-soft
rgba(255,255,255,0.05)
Quiet framing · low-noise structure
--bb-border-strong
rgba(255,255,255,0.15)
Strong shell framing · active states
--bb-border-hover
rgba(255,255,255,0.18)
Hover state border
--bb-border-input
rgba(255,255,255,0.12)
Input border · form language
REF: SURFACE_BRD_001
SECT_03 // RADIUS_SCALE
Radius Scale
Sharp por default. 0px é a regra. Curve apenas se houver razão estrutural — nunca decorativa.
None
0
Default · industrial
Hairline
1px
Almost-zero — focus rings
Subtle
2px
Barely-there — chips on surface alt
Default
4px
Reserved · last resort
REF: SURFACE_RAD_001