Backgrounds

bg-base

Fundo principal da página — Branco ASB

--bg-base

bg-surface

Seções, painéis elevados

--bg-surface

bg-card

Cards, inputs, containers

--bg-card

bg-brand

Seções de destaque, hero, banners

--bg-brand

bg-dark

Footer, seções escuras

--bg-dark

Foregrounds / Texto

fg-primary

Texto principal em fundo claro

--fg-primary

fg-secondary

Corpo de texto, descrições

--fg-secondary

fg-muted

Labels, placeholders, metadados

--fg-muted

fg-inverse

Texto em fundos escuros/azul

--fg-inverse

Accents / Interação

accent-primary

CTAs, botões principais — Azul ASB

--accent-primary

accent-highlight

Links, hover, badges de destaque

--accent-highlight

accent-gold

VIP, premium, tier especial

--accent-gold

accent-gray

Bordas ativas, ícones secundários — Cinza ASB

--accent-gray

Status

status-success

Disponível, confirmado, concluído

--status-success

status-warning

Últimas vagas, atenção

--status-warning

status-error

Erro, esgotado, inválido

--status-error