{
  "$schema": "https://tr.designtokens.org/format/",
  "$name": "Espanhola",
  "$version": "1.0.0",
  "$description": "Design system da Chesslab. Direção campanha cartaz: blocos sólidos, cartaz enorme, faixas e selos. Fonte Istok Web (OFL, embutida).",
  "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": "Fundo de campanha e destaques"
    },
    "texto-suave": {
      "$value": "#56635B"
    },
    "texto-suave-escuro": {
      "$value": "#CCD8C7"
    },
    "texto-suave-laranja": {
      "$value": "#4A3226",
      "$description": "Texto suave sobre Laranja"
    },
    "linha": {
      "$value": "#D5DDCF"
    },
    "linha-nevoa": {
      "$value": "#D3DCC9"
    },
    "trama": {
      "$value": "#496A50"
    },
    "marca-clara": {
      "$value": "#D6E3C9"
    },
    "shopify": {
      "$value": "#96BF48"
    },
    "texto-suave-pistache": {
      "$type": "color",
      "$value": "#3D5340"
    },
    "linha-escura": {
      "$type": "color",
      "$value": "rgb(185 216 138 / 22%)",
      "$description": "Paridade com o Gambito, não usar na Espanhola"
    }
  },
  "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}",
      "carimbo": "{cor.grafite}",
      "botao": {
        "fundo": "{cor.verde}",
        "texto": "{cor.neve}"
      }
    },
    "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}",
      "carimbo": "{cor.grafite}",
      "botao": {
        "fundo": "{cor.verde}",
        "texto": "{cor.neve}"
      }
    },
    "pistache": {
      "fundo": "{cor.pistache}",
      "superficie": "{cor.neve}",
      "texto": "{cor.grafite}",
      "texto-suave": "{cor.texto-suave-pistache}",
      "linha": "rgb(40 75 60 / 20%)",
      "realce": "{cor.verde}",
      "acento": "{cor.grafite}",
      "anel": "{cor.grafite}",
      "carimbo": "{cor.grafite}",
      "botao": {
        "fundo": "{cor.grafite}",
        "texto": "{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}",
      "carimbo": "{cor.neve}",
      "botao": {
        "fundo": "{cor.pistache}",
        "texto": "{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}",
      "carimbo": "{cor.neve}",
      "botao": {
        "fundo": "{cor.pistache}",
        "texto": "{cor.grafite}"
      }
    },
    "laranja": {
      "fundo": "{cor.laranja}",
      "superficie": "{cor.neve}",
      "texto": "{cor.grafite}",
      "texto-suave": "{cor.texto-suave-laranja}",
      "linha": "rgb(29 38 33 / 28%)",
      "realce": "{cor.grafite}",
      "acento": "{cor.grafite}",
      "anel": "{cor.grafite}",
      "carimbo": "{cor.grafite}",
      "botao": {
        "fundo": "{cor.grafite}",
        "texto": "{cor.neve}"
      }
    }
  },
  "tipografia": {
    "familia": {
      "$type": "fontFamily",
      "$value": [
        "Istok Web",
        "Arial",
        "Helvetica",
        "sans-serif"
      ],
      "$description": "Istok Web OFL, embutida em assets/fonts"
    },
    "tracking-cartaz": {
      "$type": "dimension",
      "$value": "-0.02em",
      "$description": "-0.01em abaixo de 700 px"
    },
    "peso": {
      "corpo": 400,
      "titulo": 700
    },
    "escala": {
      "$type": "dimension",
      "cartaz": {
        "$value": "clamp(56px, min(9vw, 14vh), 148px)",
        "linha": 0.92,
        "tracking": "-0.02em",
        "peso": 700,
        "caixa": "uppercase",
        "uso": "Cartaz de campanha. Até 700 px: min(15vw, 72px)"
      },
      "faixa": {
        "$value": "clamp(28px, 4vw, 52px)",
        "linha": 1.02,
        "peso": 700,
        "uso": "Título de faixa"
      },
      "titulo": {
        "$value": "clamp(30px, 3.4vw, 52px)",
        "linha": 1.02,
        "uso": "Título de seção"
      },
      "sub": {
        "$value": "clamp(19px, 1.6vw, 25px)",
        "linha": 1.3
      },
      "lead": {
        "$value": "clamp(17px, 1.3vw, 20px)",
        "linha": 1.55
      },
      "body": {
        "$value": "17px",
        "linha": 1.65
      },
      "small": {
        "$value": "15px",
        "linha": 1.6
      },
      "rotulo": {
        "$value": "13px",
        "linha": 1.4,
        "tracking": "0.06em",
        "caixa": "uppercase"
      }
    },
    "tracking-rotulo": {
      "$type": "dimension",
      "$value": "0.06em"
    },
    "tracking-titulo": {
      "$type": "dimension",
      "$value": "-0.01em"
    },
    "lh": {
      "lead": {
        "$type": "number",
        "$value": 1.55
      },
      "miudo": {
        "$type": "number",
        "$value": 1.6
      },
      "rotulo": {
        "$type": "number",
        "$value": 1.4
      }
    },
    "tracking-botao": {
      "$type": "dimension",
      "$value": "0.04em"
    }
  },
  "medida": {
    "$type": "dimension",
    "unidade": {
      "$value": "8px"
    },
    "container": {
      "$value": "1200px"
    },
    "gutter": {
      "$value": "48px",
      "1200": "32px",
      "950": "24px",
      "700": "20px",
      "375": "16px"
    },
    "col-gap": {
      "$value": "24px",
      "700": "16px"
    },
    "secao-y": {
      "$value": "112px",
      "1200": "88px",
      "950": "72px",
      "700": "56px"
    },
    "faixa-y": {
      "$value": "24px"
    },
    "borda-faixa": {
      "$value": "3px"
    },
    "raio-controle": {
      "$value": "4px"
    },
    "raio-pill": {
      "$value": "999px"
    },
    "botao-gap": {
      "$type": "dimension",
      "$value": "12px"
    },
    "botao-pad-y": {
      "$type": "dimension",
      "$value": "16px"
    },
    "botao-pad-x": {
      "$type": "dimension",
      "$value": "28px"
    },
    "desloc": {
      "$type": "dimension",
      "$value": "2px"
    },
    "selo-pad-y": {
      "$type": "dimension",
      "$value": "10px"
    },
    "selo-pad-x": {
      "$type": "dimension",
      "$value": "20px"
    },
    "carimbo-pad-y": {
      "$type": "dimension",
      "$value": "8px"
    },
    "carimbo-pad-x": {
      "$type": "dimension",
      "$value": "16px"
    },
    "borda-fina": {
      "$type": "dimension",
      "$value": "2px"
    },
    "ponto-recuo": {
      "$type": "dimension",
      "$value": "28px"
    },
    "ponto-pad": {
      "$type": "dimension",
      "$value": "12px"
    },
    "marcador": {
      "$type": "dimension",
      "$value": "12px"
    },
    "marcador-topo": {
      "$type": "dimension",
      "$value": "20px"
    },
    "linha-fina": {
      "$type": "dimension",
      "$value": "1px"
    },
    "anel-largura": {
      "$type": "dimension",
      "$value": "3px"
    },
    "anel-distancia": {
      "$type": "dimension",
      "$value": "3px"
    },
    "batida-distancia": {
      "$type": "dimension",
      "$value": "14px"
    },
    "fecho-y": {
      "$type": "dimension",
      "$value": "32px"
    },
    "num-lh": {
      "$type": "number",
      "$value": 1
    },
    "texto-max": {
      "$type": "dimension",
      "$value": "62ch"
    },
    "z-pulo": {
      "$type": "number",
      "$value": 1
    }
  },
  "marca": {
    "inclinacao-corte": {
      "$value": 2.2010869565,
      "$description": "Paridade com o Gambito, não usar na Espanhola"
    },
    "angulo-corte": {
      "$value": "24.44deg",
      "$description": "Paridade com o Gambito, não usar na Espanhola"
    },
    "corte-janela": {
      "$type": "dimension",
      "$value": "28px",
      "$description": "Paridade com o Gambito, não usar na Espanhola"
    },
    "raio-controle": {
      "$type": "dimension",
      "$value": "7px",
      "$description": "Paridade com o Gambito, não usar na Espanhola"
    },
    "raio-card": {
      "$type": "dimension",
      "$value": "12px",
      "$description": "Paridade com o Gambito, não usar na Espanhola"
    },
    "raio-pill": {
      "$type": "dimension",
      "$value": "999px",
      "$description": "Paridade com o Gambito, não usar na Espanhola"
    },
    "modulo": {
      "$type": "dimension",
      "$value": "88px",
      "$description": "Paridade com o Gambito, não usar na Espanhola"
    }
  },
  "sombra": {
    "carimbo": {
      "$value": "4px 4px 0 var(--cl-ink)",
      "$description": "Sombra chapada do carimbo e do botão"
    }
  },
  "motion": {
    "$type": "duration",
    "instant": {
      "$value": "140ms",
      "uso": "hover de selo e faixa"
    },
    "batida": {
      "$value": "240ms",
      "uso": "entrada do cartaz, sem wipe diagonal"
    },
    "ease-batida": {
      "$type": "cubicBezier",
      "$value": [
        0.3,
        0.7,
        0.2,
        1
      ]
    },
    "transicao": {
      "$value": "480ms",
      "uso": "transição de faixa"
    }
  },
  "breakpoints": {
    "$type": "dimension",
    "desktop-largo": "1200px",
    "tablet": "950px",
    "mobile": "700px",
    "mobile-p": "375px"
  }
}