{
  "$schema": "https://tr.designtokens.org/format/",
  "$description": "Design tokens da CONVERTTA — Manual de Identidade Visual 2.0. Todo código Pantone é equivalente aproximado — validar em guia Pantone físico antes de impressão. Nunca afirmar equivalência exata.",
  "cor": {
    "$type": "color",
    "laranja": {
      "$value": "#FF6B35",
      "$description": "Laranja CONVERTTA — Energia, ação e foco. Cor primária da marca.",
      "$extensions": {
        "br.com.convertta": {
          "rgb": [
            255,
            107,
            53
          ],
          "cmyk": [
            0,
            70,
            85,
            0
          ],
          "pantone": "165 C",
          "observacao": null
        }
      }
    },
    "laranja-escuro": {
      "$value": "#CC3D00",
      "$description": "Laranja Escuro — Profundidade, hover e a única laranja aprovada para texto sobre branco.",
      "$extensions": {
        "br.com.convertta": {
          "rgb": [
            204,
            61,
            0
          ],
          "cmyk": [
            10,
            85,
            100,
            5
          ],
          "pantone": "1665 C",
          "observacao": null
        }
      }
    },
    "preto": {
      "$value": "#0D0D0D",
      "$description": "Preto CONVERTTA — Fundos institucionais, texto e contraste máximo.",
      "$extensions": {
        "br.com.convertta": {
          "rgb": [
            13,
            13,
            13
          ],
          "cmyk": [
            0,
            0,
            0,
            95
          ],
          "pantone": "Black C",
          "observacao": null
        }
      }
    },
    "branco": {
      "$value": "#FFFFFF",
      "$description": "Branco Puro — Respiro, superfície base e versão negativa da marca.",
      "$extensions": {
        "br.com.convertta": {
          "rgb": [
            255,
            255,
            255
          ],
          "cmyk": [
            0,
            0,
            0,
            0
          ],
          "pantone": null,
          "observacao": "Ausência de tinta — nunca escrever \"Pantone: White\"."
        }
      }
    },
    "cinza": {
      "$value": "#888888",
      "$description": "Cinza Médio — Texto secundário, legendas e metadados.",
      "$extensions": {
        "br.com.convertta": {
          "rgb": [
            136,
            136,
            136
          ],
          "cmyk": [
            0,
            0,
            0,
            47
          ],
          "pantone": "Cool Gray 7 C",
          "observacao": null
        }
      }
    }
  },
  "gradiente": {
    "oficial": {
      "$type": "gradient",
      "$value": [
        {
          "color": "#FF6B35",
          "position": 0
        },
        {
          "color": "#CC3D00",
          "position": 1
        }
      ],
      "$description": "Gradiente oficial a 135°. Proibido dentro do logo e em texto corrido."
    }
  },
  "tipografia": {
    "h1": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Montserrat",
        "fontSize": "48px",
        "fontWeight": 800,
        "lineHeight": 1.05,
        "letterSpacing": "-1px"
      },
      "$description": "H1 — 36 pt no impresso"
    },
    "h2": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Montserrat",
        "fontSize": "32px",
        "fontWeight": 700,
        "lineHeight": 1.1,
        "letterSpacing": "-0.4px"
      },
      "$description": "H2 — 24 pt no impresso"
    },
    "h3": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Montserrat",
        "fontSize": "24px",
        "fontWeight": 700,
        "lineHeight": 1.15,
        "letterSpacing": "-0.2px"
      },
      "$description": "H3 — 18 pt no impresso"
    },
    "h4": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Montserrat",
        "fontSize": "19px",
        "fontWeight": 700,
        "lineHeight": 1.2,
        "letterSpacing": "0px"
      },
      "$description": "H4 — 14 pt no impresso"
    },
    "corpo": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Inter",
        "fontSize": "16px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": "0px"
      },
      "$description": "Corpo — 10,5 pt no impresso"
    },
    "legenda": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Inter",
        "fontSize": "12px",
        "fontWeight": 500,
        "lineHeight": 1.35,
        "letterSpacing": "0.2px"
      },
      "$description": "Legenda — 8,5 pt no impresso"
    },
    "micro": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Inter",
        "fontSize": "10px",
        "fontWeight": 500,
        "lineHeight": 1.25,
        "letterSpacing": "0.4px"
      },
      "$description": "Micro — 7 pt no impresso"
    }
  },
  "espacamento": {
    "$type": "dimension",
    "base": {
      "$value": "8px",
      "$description": "Módulo-base do grid digital (pág. 26)"
    },
    "x1": {
      "$value": "8px"
    },
    "x2": {
      "$value": "16px"
    },
    "x3": {
      "$value": "24px"
    },
    "x4": {
      "$value": "32px"
    },
    "x6": {
      "$value": "48px"
    },
    "x8": {
      "$value": "64px"
    }
  },
  "raio": {
    "$type": "dimension",
    "card": {
      "$value": "20px",
      "$description": "Raio dos cards do sistema"
    },
    "pill": {
      "$value": "999px"
    },
    "icone": {
      "$value": "6px",
      "$description": "Cantos da iconografia (pág. 27)"
    }
  },
  "sombra": {
    "$type": "shadow",
    "card": {
      "$value": {
        "color": "#0d0d0d1a",
        "offsetX": "0px",
        "offsetY": "18px",
        "blur": "50px",
        "spread": "0px"
      },
      "$description": "Elevação de card. Proibida sobre o logotipo."
    }
  },
  "movimento": {
    "$description": "Apêndice A1. Anime apenas transform e opacity; prefers-reduced-motion desliga tudo.",
    "duracao": {
      "$type": "duration",
      "instantaneo": {
        "$value": "100ms",
        "$description": "Retorno de ação: cópia confirmada, botão pressionado, campo validado. O usuário nunca fica sem saber se funcionou."
      },
      "rapido": {
        "$value": "200ms",
        "$description": "Hover, foco, troca de aba e mudança de estado em elemento pequeno."
      },
      "padrao": {
        "$value": "400ms",
        "$description": "Abertura de painel, acordeão, troca de tema e transições de superfície."
      },
      "entrada": {
        "$value": "620ms",
        "$description": "Entrada de seção na rolagem, com deslocamento de 12 px."
      },
      "hero": {
        "$value": "2000ms",
        "$description": "Teto absoluto da sequência de abertura. Uma execução por sessão."
      }
    },
    "easing": {
      "$type": "cubicBezier",
      "saida": {
        "$value": [
          0.16,
          1,
          0.3,
          1
        ],
        "$description": "Desaceleração — Padrão do sistema. Tudo que entra em cena: seções, painéis, cartões, números."
      },
      "entrada": {
        "$value": [
          0.7,
          0,
          0.84,
          0
        ],
        "$description": "Aceleração — Tudo que sai de cena: fechamento de painel, dispensa de aviso."
      },
      "continuo": {
        "$value": [
          0.65,
          0,
          0.35,
          1
        ],
        "$description": "Simétrica — Movimento que começa e termina na tela: reordenação, deslize entre passos."
      },
      "linear": {
        "$value": [
          0,
          0,
          1,
          1
        ],
        "$description": "Linear — Progresso e carregamento — barra, spinner, contador. Só onde o ritmo precisa ser constante."
      }
    },
    "deslocamento": {
      "$type": "dimension",
      "$value": "12px",
      "$description": "Entrada de seção."
    },
    "escalonamento": {
      "$type": "duration",
      "$value": "60ms",
      "$description": "Entre elementos irmãos."
    }
  },
  "dataviz": {
    "$description": "Apêndice A2. Uma paleta por superfície — luminância não serve às duas. Cor nunca é o único código.",
    "claro": {
      "$type": "color",
      "serie-1": {
        "$value": "#CC3D00",
        "$description": "Laranja escuro — 4,96:1 sobre #FFFFFF"
      },
      "serie-2": {
        "$value": "#5B4B8A",
        "$description": "Roxo — 7,45:1 sobre #FFFFFF"
      },
      "serie-3": {
        "$value": "#8A5A00",
        "$description": "Âmbar — 5,93:1 sobre #FFFFFF"
      },
      "serie-4": {
        "$value": "#0F5F73",
        "$description": "Petróleo — 7,23:1 sobre #FFFFFF"
      },
      "serie-5": {
        "$value": "#6B6B6B",
        "$description": "Cinza — 5,33:1 sobre #FFFFFF"
      },
      "serie-6": {
        "$value": "#2F6B4F",
        "$description": "Verde — 6,29:1 sobre #FFFFFF"
      }
    },
    "escuro": {
      "$type": "color",
      "serie-1": {
        "$value": "#FF6B35",
        "$description": "Laranja — 6,85:1 sobre #0D0D0D"
      },
      "serie-2": {
        "$value": "#9E8CD6",
        "$description": "Roxo — 6,64:1 sobre #0D0D0D"
      },
      "serie-3": {
        "$value": "#E0A93B",
        "$description": "Âmbar — 9,17:1 sobre #0D0D0D"
      },
      "serie-4": {
        "$value": "#4FB3CE",
        "$description": "Petróleo — 8,03:1 sobre #0D0D0D"
      },
      "serie-5": {
        "$value": "#A8A8A8",
        "$description": "Cinza — 8,17:1 sobre #0D0D0D"
      },
      "serie-6": {
        "$value": "#63C08D",
        "$description": "Verde — 8,75:1 sobre #0D0D0D"
      }
    }
  },
  "semantica": {
    "$description": "Apêndice A2. Estado de interface — nunca usar como série categórica.",
    "claro": {
      "$type": "color",
      "sucesso": {
        "$value": "#137A55",
        "$description": "Confirmação, meta batida, integração ativa. — 5,33:1 sobre #FFFFFF"
      },
      "alerta": {
        "$value": "#A66200",
        "$description": "Atenção sem bloqueio: limite próximo, dado desatualizado. — 4,81:1 sobre #FFFFFF"
      },
      "erro": {
        "$value": "#A52B2B",
        "$description": "Falha, campo inválido, ação bloqueada. — 7,05:1 sobre #FFFFFF"
      },
      "informacao": {
        "$value": "#0F5F73",
        "$description": "Aviso neutro e dica de contexto. — 7,23:1 sobre #FFFFFF"
      }
    },
    "escuro": {
      "$type": "color",
      "sucesso": {
        "$value": "#72E0B2",
        "$description": "Confirmação, meta batida, integração ativa. — 12,05:1 sobre #0D0D0D"
      },
      "alerta": {
        "$value": "#E8B457",
        "$description": "Atenção sem bloqueio: limite próximo, dado desatualizado. — 10,27:1 sobre #0D0D0D"
      },
      "erro": {
        "$value": "#FF9E9E",
        "$description": "Falha, campo inválido, ação bloqueada. — 9,84:1 sobre #0D0D0D"
      },
      "informacao": {
        "$value": "#7FD3EA",
        "$description": "Aviso neutro e dica de contexto. — 11,48:1 sobre #0D0D0D"
      }
    }
  },
  "social": {
    "$description": "Apêndice A3. Área segura em px do arquivo, por formato.",
    "feed": {
      "$type": "string",
      "$value": "1080x1350",
      "$description": "Feed (4:5) — seguro: topo 96px, base 160px, lados 64px"
    },
    "stories": {
      "$type": "string",
      "$value": "1080x1920",
      "$description": "Stories e Reels (9:16) — seguro: topo 250px, base 420px, lados 64px"
    },
    "capa": {
      "$type": "string",
      "$value": "1280x720",
      "$description": "Capa de vídeo (16:9) — seguro: topo 40px, base 90px, lados 60px"
    },
    "thumb": {
      "$type": "string",
      "$value": "1280x720",
      "$description": "Thumbnail (16:9) — seguro: topo 40px, base 120px, lados 60px"
    }
  },
  "marca": {
    "reducaoMinima": {
      "horizontal": {
        "$type": "dimension",
        "$value": "320px",
        "$description": "Redução mínima da versão horizontal — proteção 1X"
      },
      "vertical": {
        "$type": "dimension",
        "$value": "240px",
        "$description": "Redução mínima da versão vertical — proteção 1X"
      },
      "tagline": {
        "$type": "dimension",
        "$value": "480px",
        "$description": "Redução mínima da versão com tagline — proteção 1X"
      },
      "simbolo": {
        "$type": "dimension",
        "$value": "64px",
        "$description": "Redução mínima da versão símbolo isolado — proteção 0,75X"
      }
    },
    "tagline": {
      "$type": "string",
      "$value": "Design que Transforma."
    }
  }
}