Design Tokens
Sistema visual do painel administrativo da Essência Caseira, com foco em densidade operacional estilo ERP.
Primary
oklch(0.527 0.154 150)
Typography
Inter
Radius
0px (flat)
Feel
Dense ERP
Color Palette
Tokens agrupados por categoria de uso, sem escala numérica 50-900.
Base & Surface
Fundo da aplicação, superfícies de cartão e popovers.
Background
--sg-background
Foreground
--sg-foreground
Card
--sg-card
Popover
--sg-popover
Border
--sg-border
Input
--sg-input
Primary
Identidade da marca em verde dessaturado, usado em ações.
Primary
--sg-primary
Primary Hover
--sg-primary-hover
Primary Foreground
--sg-primary-foreground
Neutral & Muted
Textos secundários, superfícies neutras e realces sutis.
Secondary
--sg-secondary
Muted
--sg-muted
Muted Foreground
--sg-muted-foreground
Accent
--sg-accent
Accent Foreground
--sg-accent-foreground
Ring
--sg-ring
Sidebar
Superfície e estados de navegação lateral do ERP.
Sidebar
--sg-sidebar
Sidebar Primary
--sg-sidebar-primary
Sidebar Accent
--sg-sidebar-accent
Sidebar Border
--sg-sidebar-border
Chart
Sequência para gráficos e visualizações de dados.
Chart 1
--sg-chart-1
Chart 2
--sg-chart-2
Chart 3
--sg-chart-3
Chart 4
--sg-chart-4
Chart 5
--sg-chart-5
Status
Realces tonais (texto + fundo + borda) para estados de operação.
Typography
Pedido #1254 confirmado
Resumo da produção
Itens em preparo
Corpo base para listagens, mensagens de status e orientações de tela, renderizado em Inter.
Radius & Elevation
Radius base (0px)
Superfície chapada
Elevation (overlay shadow)