{
  "$schema": "https://tr.designtokens.org/format/",
  "$name": "Gambito",
  "$version": "1.1.0",
  "$description": "Design system da Chesslab. v1.1 (out/2026) traz peças repetidas nas páginas e a evolução do símbolo e da logo.",
  "cor": {
    "$type": "color",
    "neve": { "$value": "#F7F8F2", "$description": "Fundo principal" },
    "nevoa": { "$value": "#E5ECDD", "$description": "Superfícies de apoio" },
    "pistache": { "$value": "#B9D88A", "$description": "Assinatura e ênfase" },
    "verde": { "$value": "#284B3C", "$description": "Âncora da marca (Verde Estratégia)" },
    "grafite": { "$value": "#1D2621", "$description": "Texto e contraste" },
    "laranja": { "$value": "#F58A52", "$description": "Destaques pontuais e CTA" },
    "texto-suave": { "$value": "#56635B" },
    "texto-suave-escuro": { "$value": "#CCD8C7" },
    "linha": { "$value": "#D5DDCF" },
    "linha-nevoa": { "$value": "#D3DCC9" },
    "trama": { "$value": "#496A50" },
    "marca-clara": { "$value": "#D6E3C9", "$description": "Texto do marcador cortado sobre a Trama" },
    "linha-escura": { "$value": "rgb(185 216 138 / 22%)", "$description": "Pistache a 22%: fios em fundos escuros" },
    "shopify": { "$value": "#96BF48", "$description": "Só no ícone da notificação e no cartão Shopify" },
    "linha-malha": { "$value": "#e1e7dc", "$description": "Malha do tabuleiro claro" },
    "texto-suave-pistache": { "$value": "#3D5340", "$description": "Texto suave do painel pistache; o mesmo do tema pistache" },
    "fio-cabecalho-escuro": { "$value": "#ffffff24", "$description": "Fio sob o cabeçalho rolado nos temas escuros" },
    "fio-cabecalho-claro": { "$value": "#1D262128", "$description": "Fio sob o cabeçalho rolado nos temas claros" },
    "erro": { "$value": "{cor.laranja}", "$description": "Quadrado e borda do campo com erro" }
  },
  "tema": {
    "claro": { "fundo": "{cor.neve}", "superficie": "{cor.nevoa}", "texto": "{cor.grafite}", "texto-suave": "{cor.texto-suave}", "linha": "{cor.linha}", "realce": "{cor.verde}", "acento": "{cor.laranja}", "anel": "{cor.verde}", "marcador": "{cor.laranja}", "sobre-realce": "{cor.neve}", "sobre-acento": "{cor.grafite}" },
    "nevoa": { "fundo": "{cor.nevoa}", "superficie": "{cor.neve}", "texto": "{cor.grafite}", "texto-suave": "{cor.texto-suave}", "linha": "{cor.linha-nevoa}", "realce": "{cor.verde}", "acento": "{cor.laranja}", "anel": "{cor.verde}", "marcador": "{cor.laranja}", "sobre-realce": "{cor.neve}", "sobre-acento": "{cor.grafite}" },
    "pistache": { "fundo": "{cor.pistache}", "superficie": "{cor.neve}", "texto": "{cor.grafite}", "texto-suave": "#3D5340", "linha": "rgb(40 75 60 / 20%)", "realce": "{cor.verde}", "acento": "{cor.grafite}", "anel": "{cor.grafite}", "marcador": "{cor.grafite}", "sobre-realce": "{cor.neve}", "sobre-acento": "{cor.neve}" },
    "escuro": { "fundo": "{cor.grafite}", "superficie": "{cor.verde}", "texto": "{cor.neve}", "texto-suave": "{cor.texto-suave-escuro}", "linha": "rgb(185 216 138 / 22%)", "realce": "{cor.pistache}", "acento": "{cor.laranja}", "anel": "{cor.pistache}", "marcador": "{cor.laranja}", "sobre-realce": "{cor.grafite}", "sobre-acento": "{cor.grafite}" },
    "verde": { "fundo": "{cor.verde}", "superficie": "{cor.grafite}", "texto": "{cor.neve}", "texto-suave": "{cor.texto-suave-escuro}", "linha": "rgb(185 216 138 / 28%)", "realce": "{cor.pistache}", "acento": "{cor.pistache}", "anel": "{cor.pistache}", "marcador": "{cor.laranja}", "sobre-realce": "{cor.grafite}", "sobre-acento": "{cor.grafite}" }
  },
  "tipografia": {
    "familia": { "$type": "fontFamily", "$value": ["Aloevera Display", "Inter", "Arial", "sans-serif"] },
    "tracking-display": { "$type": "dimension", "$value": "-0.012em", "$description": "0em abaixo de 700 px", "700": "0em" },
    "peso": { "corpo": 400, "medio": 500, "titulo": 600 },
    "escala": {
      "$type": "dimension",
      "cartaz": { "$value": "clamp(48px, min(6.2vw, 11vh), 104px)", "linha": 0.96, "tracking": "-0.03em", "peso": 600, "uso": "Abertura de cartaz. Até 700 px: min(13vw, 64px) e tracking -0.01em", "700": "min(13vw, 64px)", "tracking-700": "-0.01em" },
      "xl": { "$value": "clamp(36px, 4.3vw, 62px)", "linha": 1.08, "uso": "H1 da abertura", "linha-700": 1.12 },
      "l": { "$value": "clamp(32px, 3.9vw, 56px)", "linha": 1.1, "uso": "título de seção forte", "linha-700": 1.14 },
      "m": { "$value": "clamp(26px, 2.6vw, 40px)", "linha": 1.15, "uso": "título de seção comum" },
      "h3": { "$value": "clamp(22px, 2vw, 32px)", "linha": 1.17, "uso": "título de item" },
      "sub": { "$value": "clamp(19px, 1.5vw, 24px)", "linha": 1.35 },
      "lead": { "$value": "clamp(17px, 1.25vw, 19px)", "linha": 1.6 },
      "body": { "$value": "16px", "linha": 1.7 },
      "small": { "$value": "14px", "linha": 1.6 },
      "controle": { "$value": "15px", "uso": "botão de conversão, vídeo, chip, aba no celular, título da notificação" },
      "legenda": { "$value": "13px", "uso": "hora e texto da notificação, rodapé" },
      "mono": { "$value": "12px", "linha": 1.4, "tracking": "0.08em", "caixa": "uppercase", "700": "11px" }
    }
  },
  "medida": {
    "$type": "dimension",
    "unidade": { "$value": "8px" },
    "container": { "$value": "1328px" },
    "gutter": { "$value": "56px", "1200": "38px", "950": "26px", "700": "20px", "375": "17px" },
    "col-gap": { "$value": "32px", "700": "16px" },
    "secao-y": { "$value": "128px", "1200": "96px", "950": "80px", "700": "64px" },
    "cabecalho": { "$value": "88px", "rolado": "64px", "700": "64px" },
    "rodape": { "$value": "112px" },
    "atalho": { "$value": "56px", "$description": "Altura da barra de próximo passo, abaixo de 1024 px" },
    "raio-controle": { "$value": "7px" },
    "raio-card": { "$value": "12px" },
    "raio-pill": { "$value": "999px" },
    "corte-janela": { "$value": "28px", "700": "22px" },
    "modulo-tabuleiro": { "$value": "88px", "700": "56px" },
    "espaco": { "4": { "$value": "4px" }, "8": { "$value": "8px" }, "12": { "$value": "12px" }, "16": { "$value": "16px" }, "20": { "$value": "20px" }, "24": { "$value": "24px" }, "32": { "$value": "32px" }, "40": { "$value": "40px" }, "48": { "$value": "48px" }, "56": { "$value": "56px" }, "64": { "$value": "64px" }, "80": { "$value": "80px" }, "96": { "$value": "96px" }, "128": { "$value": "128px" } },
    "anel-largura": { "$value": "3px", "$description": "Espessura do anel de foco" },
    "anel-afastamento": { "$value": "4px", "$description": "Distância do anel de foco ao elemento" }
  },
  "camada": {
    "$type": "number",
    "menu": { "$value": 90, "$description": "Painel do menu no celular (até 950 px)" },
    "cabecalho-acoes": { "$value": 95, "$description": "Logo e ações do cabeçalho, acima do painel" },
    "atalho": { "$value": 98, "$description": "Barra de próximo passo" },
    "cabecalho": { "$value": 100 },
    "pular": { "$value": 200, "$description": "Link de pular para o conteúdo" }
  },
  "sombra": {
    "card": { "$value": "0 12px 32px rgb(29 38 33 / 18%)", "$description": "box-shadow da notificação" },
    "flutuante": { "$value": "0 8px 18px rgb(29 38 33 / 18%), 0 1px 4px rgb(29 38 33 / 10%)", "$description": "box-shadow da barra de próximo passo" },
    "moldura": { "$value": "drop-shadow(0 0 0.6px rgb(29 38 33 / 45%)) drop-shadow(0 20px 36px rgb(29 38 33 / 7%))", "$description": "filter da .gb-moldura" }
  },
  "geometria": {
    "inclinacao-corte": { "$value": 2.2010869565, "$description": "Δy/Δx do detalhe angular do símbolo (17,82 / 8,096)" },
    "inclinacao": { "$value": 0.4543, "$description": "1 / inclinacao-corte. Borda do marcador cortado" },
    "angulo-corte": { "$value": "24.44deg" }
  },
  "motion": {
    "$type": "duration",
    "fast": { "$value": "320ms", "uso": "cor, sublinhado, hover de link" },
    "button": { "$value": "420ms", "uso": "preenchimento e seta dos botões" },
    "enter": { "$value": "700ms", "uso": "entrada, troca de painel" },
    "reveal": { "$value": "900ms", "uso": "abertura de janela" },
    "piscada": { "$value": "240ms", "uso": "piscada do olho do símbolo" },
    "toque": { "$value": "900ms", "uso": "estado de preview no toque (.is-preview)" },
    "guarda": { "$value": "2.5s", "uso": "cão de guarda: mostra tudo se o JS não marcar .gb-motion-pronto" },
    "escalonar": { "$value": "80ms", "uso": "intervalo entre os itens de um data-reveal-grupo" },
    "ease-out": { "$type": "cubicBezier", "$value": [0.22, 0.72, 0.2, 1] },
    "ease-inout": { "$type": "cubicBezier", "$value": [0.65, 0, 0.35, 1] },
    "ease-ref": { "$type": "cubicBezier", "$value": [0.3, 0.7, 0.2, 1] }
  },
  "breakpoints": { "$type": "dimension", "desktop-largo": "1200px", "desktop": "1023px", "tablet": "950px", "mobile": "700px", "mobile-p": "375px" }
}