NexialsNEXIALSAI ACADEMY
DARKGOLD
INSPIRATION
Moodboard
DESIGN SYSTEM//SEMANTIC TOKENS//ALIASES 06B
shadcn READY
SECTION 06B · ALIASES

Semantic
Tokens

A ponte entre os tokens crus e o código. Aliases com significado — background, foreground, primary, ring — que mapeiam direto pro shadcn/ui. Troque o tema sem tocar nos componentes.

CORE ALIASES → shadcn/ui
--background--voidfundo do app
--foreground--warm-whitetexto principal
--primary--goldação principal
--card--surface2cartões e painéis
--muted-foreground--text2texto secundário
--accent--tealsinal / novo
--destructive#C97B7Berro / remover
--ring--goldanel de foco
INTERACTIVE STATES
default
hover
active
focus
disabled
// theme.css
:root {
--background: #0A0A0B;
--foreground: #F5F1E6;
--primary: #E8B84B;
--ring: #E8B84B;
}