{
  "colors": {
    "primary": [
      {
        "id": "black",
        "name": "Preto",
        "hex": "#000000",
        "rgb": "0, 0, 0",
        "cssVar": "--color-black",
        "usage": "Contraste máximo, tipografia principal e elementos de destaque."
      },
      {
        "id": "espresso",
        "name": "Espresso",
        "hex": "#210d0a",
        "rgb": "33, 13, 10",
        "cssVar": "--color-espresso",
        "usage": "Cor institucional para textos e fundos escuros. NÃO é o fill do logo (use --color-logo #573000)."
      },
      {
        "id": "terracotta",
        "name": "Terracota",
        "hex": "#8a3b17",
        "rgb": "138, 59, 23",
        "cssVar": "--color-terracotta",
        "usage": "Primary UI (shadcn --primary). Botões primários e CTAs."
      },
      {
        "id": "orange",
        "name": "Laranja",
        "hex": "#ef7b40",
        "rgb": "239, 123, 64",
        "cssVar": "--color-orange",
        "usage": "Accent UI (shadcn --accent). Detalhes gráficos, regras pontilhadas e energia visual — não usar em botão primário."
      },
      {
        "id": "taupe",
        "name": "Taupe",
        "hex": "#b2a897",
        "rgb": "178, 168, 151",
        "cssVar": "--color-taupe",
        "usage": "Tom intermediário. Suporte visual, bordas suaves e hierarquia."
      },
      {
        "id": "cream",
        "name": "Creme",
        "hex": "#ece5db",
        "rgb": "236, 229, 219",
        "cssVar": "--color-cream",
        "usage": "Fundo principal. Base clara que transmite acolhimento."
      }
    ],
    "neutral": [
      {
        "id": "ink",
        "name": "Tinta",
        "hex": "#210d0a",
        "rgb": "33, 13, 10",
        "cssVar": "--color-ink",
        "usage": "Texto principal sobre fundos claros."
      },
      {
        "id": "muted",
        "name": "Suave",
        "hex": "#6b635a",
        "rgb": "107, 99, 90",
        "cssVar": "--color-muted",
        "usage": "Texto secundário, legendas e metadados."
      },
      {
        "id": "border",
        "name": "Borda",
        "hex": "#d4cbc0",
        "rgb": "212, 203, 192",
        "cssVar": "--color-border",
        "usage": "Divisores, contornos e separadores visuais."
      },
      {
        "id": "white",
        "name": "Branco",
        "hex": "#fffcf8",
        "rgb": "255, 252, 248",
        "cssVar": "--color-white",
        "usage": "Superfícies claras e contraste sobre fundos escuros."
      },
      {
        "id": "on-dark",
        "name": "Sobre escuro",
        "hex": "#ece5db",
        "rgb": "236, 229, 219",
        "cssVar": "--color-on-dark",
        "usage": "Texto e ícones de UI sobre fundos espresso ou preto. NÃO usar como fill de logo (use --color-logo-on-dark #eae6dc)."
      }
    ],
    "logo": [
      {
        "id": "logo",
        "name": "Logo",
        "hex": "#573000",
        "rgb": "87, 48, 0",
        "cssVar": "--color-logo",
        "usage": "Fill oficial da marca em fundos claros. Favicon (mark-icon.svg), mark, wordmark, lockup. Nunca usar espresso (#210d0a) nem terracotta (#8a3b17) como fill do logo."
      },
      {
        "id": "logo-on-dark",
        "name": "Logo sobre escuro",
        "hex": "#eae6dc",
        "rgb": "234, 230, 220",
        "cssVar": "--color-logo-on-dark",
        "usage": "Fill oficial das variantes *-light.svg em fundos escuros. Não é cream (#ece5db)."
      }
    ]
  },
  "typography": {
    "display": {
      "family": "Playfair Display",
      "fallback": "Georgia, serif",
      "cssVar": "--font-display",
      "usage": "Títulos, headlines e momentos editoriais."
    },
    "body": {
      "family": "Poppins",
      "fallback": "system-ui, sans-serif",
      "cssVar": "--font-body",
      "usage": "Corpo de texto, navegação, labels e interface."
    }
  },
  "semantic": {
    "primary": {
      "cssVar": "--primary",
      "mapsTo": "--color-terracotta",
      "hex": "#8a3b17",
      "usage": "Botões primários e CTAs (equivalente shadcn primary)."
    },
    "primaryForeground": {
      "cssVar": "--primary-foreground",
      "mapsTo": "--color-white",
      "usage": "Texto sobre primary."
    },
    "accent": {
      "cssVar": "--accent",
      "mapsTo": "--color-orange",
      "hex": "#ef7b40",
      "usage": "Detalhes, regras e hovers de outline (equivalente shadcn accent)."
    },
    "ring": {
      "cssVar": "--ring",
      "mapsTo": "--color-terracotta",
      "usage": "Focus ring de controles."
    },
    "favicon": {
      "cssVar": "--color-logo",
      "mapsTo": "--color-logo",
      "hex": "#573000",
      "asset": "/brand/logos/mark-icon.svg",
      "usage": "Favicon e ícone de app usam o fill do logo (#573000), nunca espresso."
    }
  }
}