SECT_01 // ALIASES
Aliases
Mapping high-level → primitive (--bb-*). A bridge layer permite legacy code consumir tokens canônicos.
Primary brand accent (legacy alias)
--lime
→ var(--bb-signal)
Default text on dark surface
--cream
→ var(--bb-cream)
Secondary text · muted
--dim
→ var(--bb-dim)
Container · panel default
--surface
→ var(--bb-surface)
Raised module · hover bg
--surface-alt
→ var(--bb-surface-alt)
Translucent default border
--border
→ var(--bb-border)
Hover glow halo
--neon-glow
→ var(--bb-accent-40)
Subtle background glow
--lime-glow-soft
→ var(--bb-accent-10)
REF: SEM_ALIAS_001
SECT_02 // INTERACTIVE_STATES
Interactive States
5 estados canônicos. Hover inverte. Focus engrossa. Active intensifica. Disabled atenua para 0.4.
Default
Hover
Focus
Active
Disabled
REF: SEM_STATE_001
SECT_03 // GLOW_HALOS
Glow Halos
Receitas de halo via opacity ladder. Use para hover rings, focus glows e selection emphasis.
--bb-accent-10
Subtle bg tint · idle hover
--bb-accent-20
Soft halo · hovered chip
--bb-accent-25
Active state bg · selected row
--bb-accent-40
Hover ring glow
--bb-accent-50
Pressed indicator
--bb-accent-75
Strong overlay accent
REF: SEM_GLOW_001