Tokens

design-system.md   → regra: "o botão primário tem destaque máximo e label verbo + objeto"
tokens.json        → valor: color.brand.primary: "#1A56DB", spacing.4: "16px"

{
  "$schema": "...",
  "meta":    { ... },
  "theme":   { ... },
  "tokens":  { ... },
  "aliases": { ... }
}

{
  "meta": {
    "projectName": "[preencher]",
    "version": "v1",
    "status": "draft",
    "description": "Contrato oficial de design tokens do projeto.",
    "sourceDocuments": ["Docs/design-system.md"],
    "updatedAt": "[yyyy-mm-dd]"
  }
}

{
  "theme": {
    "name": "default",
    "mode": "light"
  }
}

"color": {
  "brand": {
    "primary":   { "value": "[hex]", "description": "Cor principal da marca." },
    "secondary": { "value": "[hex]", "description": "Cor secundária da marca." },
    "accent":    { "value": "[hex]", "description": "Cor de destaque complementar." }
  },
  "background": {
    "base":     { "value": "[hex]", "description": "Fundo principal da aplicação." },
    "surface":  { "value": "[hex]", "description": "Superfície de cards e painéis." },
    "elevated": { "value": "[hex]", "description": "Modais, dropdowns e áreas destacadas." },
    "inverse":  { "value": "[hex]", "description": "Fundo invertido." }
  },
  "text": {
    "primary":   { "value": "[hex]", "description": "Texto principal." },
    "secondary": { "value": "[hex]", "description": "Texto secundário." },
    "muted":     { "value": "[hex]", "description": "Legenda ou baixa ênfase." },
    "inverse":   { "value": "[hex]", "description": "Texto sobre fundo escuro." },
    "disabled":  { "value": "[hex]", "description": "Texto desabilitado." }
  },
  "border": {
    "default": { "value": "[hex]", "description": "Borda padrão." },
    "strong":  { "value": "[hex]", "description": "Borda de maior contraste." },
    "subtle":  { "value": "[hex]", "description": "Borda discreta." },
    "focus":   { "value": "[hex]", "description": "Anel de foco (acessibilidade)." }
  },
  "state": {
    "success": { "base": {...}, "surface": {...}, "text": {...} },
    "warning": { "base": {...}, "surface": {...}, "text": {...} },
    "error":   { "base": {...}, "surface": {...}, "text": {...} },
    "info":    { "base": {...}, "surface": {...}, "text": {...} },
    "disabled":{ "base": {...}, "surface": {...}, "text": {...} }
  }
}

"fontFamily": {
  "base":    { "value": "[font-family]", "description": "Fonte padrão." },
  "heading": { "value": "[font-family]", "description": "Fonte para títulos." },
  "mono":    { "value": "[font-family]", "description": "Fonte monoespaçada." }
}

"fontWeight": { "regular": 400, "medium": 500, "semibold": 600, "bold": 700 }
"lineHeight": { "tight": 1.2, "normal": 1.5, "relaxed": 1.7 }

"opacity": {
  "disabled": 0.5,
  "subtle":   0.72,
  "overlay":  0.6
}

"motion": {
  "duration": {
    "fast":   "120ms",
    "normal": "200ms",
    "slow":   "320ms"
  },
  "easing": {
    "standard":  "ease",
    "emphasized": "cubic-bezier(0.2, 0, 0, 1)",
    "exit":      "cubic-bezier(0.4, 0, 1, 1)"
  }
}

"aliases": {
  "card": {
    "background":  "{tokens.color.background.surface}",
    "borderColor": "{tokens.color.border.subtle}",
    "radius":      "{tokens.radius.lg}",
    "shadow":      "{tokens.shadow.sm}",
    "padding":     "{tokens.spacing.4}"
  },
  "button": {
    "primaryBackground": "{tokens.color.brand.primary}",
    "primaryText":       "{tokens.color.text.inverse}",
    "radius":            "{tokens.radius.md}",
    "paddingY":          "{tokens.spacing.2}",
    "paddingX":          "{tokens.spacing.4}"
  },
  "feedback": {
    "successBackground": "{tokens.color.state.success.surface}",
    "successText":       "{tokens.color.state.success.text}",
    "errorBackground":   "{tokens.color.state.error.surface}",
    "errorText":         "{tokens.color.state.error.text}"
  }
}

Atue como UIAgent.
Objetivo: criar Docs/tokens.json com base em Docs/design-system.md
 
Carregue contexto base:
- GUIDE.md
- Skills/ui-ux.md
- Templates/Full/tokens.json
- Docs/design-system.md
 
Preencha todos os campos de valor [hex] com base nas semânticas definidas em design-system.md.
Preencha fontFamily com as fontes aprovadas.
Preencha aliases para todos os componentes documentados em design-system.md seção 10.
Mantenha description em cada token.
Atualize meta.projectName e meta.updatedAt.

Docs/design-system.md (aprovado)
    ↓
Docs/tokens.json     — formaliza em valores os papéis semânticos definidos
    ↓
Implementação        — CSS vars, Tailwind config, style-dictionary ou tokens-studio