{
  "$description": "Cartiez brand tokens v2.0.0 (2026-10-23). Versão única do kit: ver ../VERSION. Formato W3C Design Tokens (DTCG). Fonte da verdade: este arquivo. tokens.css e tailwind.preset.js são gerados por build_tokens.py. Hex extraídos dos HTML das pranchas ng-style (base.css, 01-06).",
  "$extensions": {"cartiez": {"version": "2.0.0", "date": "2026-10-23", "owner": "CentralX Social (CXS)", "status": "aprovado André 2026-10-23 (visual); acento lime mantido por decisão do André 2026-10-23 (3 acentos próprios testados)"}},
  "color": {
    "$type": "color",
    "base": {
      "black":  {"$value": "#000000", "$description": "Fundo dominante (~70% da tela). Site, dashboard, app home."},
      "white":  {"$value": "#FFFFFF", "$description": "Texto sobre preto, cards de valor, pílulas, telas de lista/checkout."}
    },
    "accent": {
      "lime":      {"$value": "#BEFF0C", "$description": "Acento único. Só no 'pago', nos olhos do Ghostinho e no brilho do logo (logo: só sobre preto ou dentro de forma preta), no kicker e em 1 detalhe por tela. Nunca texto sobre fundo claro."},
      "lime-pill": {"$value": "#B8FF31", "$description": "Fundo da pílula flutuante de CTA (1 por página)."},
      "lime-ink":  {"$value": "#163300", "$description": "Texto/contorno sobre lime (tag PAGO)."},
      "violet":       {"$value": "#7B3BFF", "$description": "Acento secundário, pontual: objetos 3D/iso, badge de notificação, celebração do pago no app."},
      "violet-light": {"$value": "#8A3BFF", "$description": "Início do gradiente violeta."},
      "violet-mid":   {"$value": "#5A1BD8", "$description": "Meio do gradiente radial da tela de pago."},
      "violet-deep":  {"$value": "#3A0CA3", "$description": "Fim do gradiente violeta (swatch do kit)."},
      "violet-night": {"$value": "#1A0640", "$description": "Sombra do gradiente radial antes do preto."},
      "violet-notify":{"$value": "#B13BFF", "$description": "Ponto de notificação no app (sino)."},
      "violet-ui":    {"$value": "#6A2BFF", "$description": "Texto de link-pílula sobre card branco ('Ver pedidos')."},
      "violet-tint":  {"$value": "#F1EEF8", "$description": "Fundo da pílula de link violeta sobre branco."},
      "violet-mist":  {"$value": "#CFC4EE", "$description": "Texto secundário sobre gradiente violeta."}
    },
    "neutral": {
      "950": {"$value": "#0A0A0A", "$description": "Corpo do celular, fundos de mockup."},
      "925": {"$value": "#0C0C0C", "$description": "Fundo do card de skin."},
      "900": {"$value": "#111111", "$description": "card2 / legendas de swatch / segmented."},
      "875": {"$value": "#121212", "$description": "Fim do gradiente do bento."},
      "850": {"$value": "#141414", "$description": "Ícone quadrado do app."},
      "800": {"$value": "#181818", "$description": "Bento (card escuro)."},
      "780": {"$value": "#1B1B1B", "$description": "Início do gradiente do bento."},
      "750": {"$value": "#1C1C1C", "$description": "Botão secundário escuro, avatar."},
      "700": {"$value": "#2A2A2A", "$description": "Linha/borda em fundo escuro."},
      "680": {"$value": "#2E2E2E", "$description": "Borda de ícone/segmented."},
      "650": {"$value": "#333333", "$description": "Borda de botão escuro, card de skin."},
      "600": {"$value": "#3A3A3A", "$description": "Borda do celular."},
      "550": {"$value": "#444444", "$description": "Borda de tag apagada."},
      "500": {"$value": "#616161", "$description": "Cinza de apoio: marquee, labels mono de prancha."},
      "450": {"$value": "#6A6A6A", "$description": "Contorno do marquee vazado."},
      "400": {"$value": "#777777", "$description": "Legenda em card branco, horário."},
      "350": {"$value": "#8A8A8A", "$description": "Texto de apoio sobre preto (2a parte da headline)."},
      "300": {"$value": "#9A9A9A", "$description": "Kicker do header, meta."},
      "250": {"$value": "#BDBDBD", "$description": "Rótulo de bento claro."},
      "200": {"$value": "#DDDDDD", "$description": "Borda de chip sobre branco."},
      "150": {"$value": "#E4E4E4", "$description": "Borda de ícone sobre branco."},
      "100": {"$value": "#EEEEEE", "$description": "Divisor de lista / tag ENVIADO."},
      "50":  {"$value": "#F3F3F3", "$description": "Fundo de ícone / input sobre branco."}
    },
    "semantic": {
      "bg":          {"$value": "{color.base.black}"},
      "bg-inverse":  {"$value": "{color.base.white}"},
      "surface":     {"$value": "{color.neutral.800}"},
      "surface-2":   {"$value": "{color.neutral.900}"},
      "line":        {"$value": "{color.neutral.700}"},
      "text":        {"$value": "{color.base.white}"},
      "text-muted":  {"$value": "{color.neutral.350}"},
      "text-subtle": {"$value": "{color.neutral.500}"},
      "status-paid":      {"$value": "{color.accent.lime}", "$description": "Único status colorido."},
      "status-pending":   {"$value": "{color.base.white}", "$description": "Contorno branco (escuro) ou preto (claro)."},
      "status-shipped":   {"$value": "{color.neutral.300}"},
      "status-cancelled": {"$value": "{color.neutral.550}"}
    }
  },
  "gradient": {
    "$type": "gradient",
    "bento":  {"$value": [{"color": "#1B1B1B", "position": 0}, {"color": "#121212", "position": 1}], "$description": "linear-gradient(160deg,#1b1b1b 0%,#121212 100%)"},
    "violet": {"$value": [{"color": "#8A3BFF", "position": 0}, {"color": "#3A0CA3", "position": 1}], "$description": "linear-gradient(160deg,#8A3BFF,#3A0CA3)"},
    "paid-radial": {"$value": [{"color": "#8A3BFF", "position": 0}, {"color": "#5A1BD8", "position": 0.3}, {"color": "#1A0640", "position": 0.62}, {"color": "#000000", "position": 0.85}], "$description": "radial-gradient(ellipse 120% 70% at 85% 0%, ...) + grain.png overlay .9"}
  },
  "font": {
    "family": {
      "$type": "fontFamily",
      "display": {"$value": ["Sora", "sans-serif"], "$description": "Wordmark (600), títulos leves gigantes (300), texto (400), kicker."},
      "ui":      {"$value": ["Archivo", "sans-serif"], "$description": "UI, botões (700), números (800 itálico)."},
      "mono":    {"$value": ["Space Mono", "monospace"], "$description": "Títulos de app minúsculos com seta, tags, recibos, labels."}
    },
    "weight": {
      "$type": "fontWeight",
      "light": {"$value": 300}, "regular": {"$value": 400}, "medium": {"$value": 500},
      "semibold": {"$value": 600}, "bold": {"$value": 700}, "extrabold": {"$value": 800}
    }
  },
  "typography": {
    "$type": "typography",
    "wordmark":   {"$value": {"fontFamily": "{font.family.display}", "fontWeight": 600, "letterSpacing": "-0.055em", "lineHeight": 0.8}},
    "display-xl": {"$value": {"fontFamily": "{font.family.display}", "fontWeight": 300, "fontSize": "62px", "letterSpacing": "-0.02em", "lineHeight": 1.06}, "$description": "Headline do hero (1600px). Segunda parte em cinza #8A8A8A."},
    "display-l":  {"$value": {"fontFamily": "{font.family.display}", "fontWeight": 300, "fontSize": "54px", "letterSpacing": "-0.02em", "lineHeight": 1.06}},
    "title":      {"$value": {"fontFamily": "{font.family.display}", "fontWeight": 300, "fontSize": "34px", "letterSpacing": "-0.02em", "lineHeight": 1.2}},
    "body":       {"$value": {"fontFamily": "{font.family.display}", "fontWeight": 400, "fontSize": "17px", "lineHeight": 1.45}},
    "body-s":     {"$value": {"fontFamily": "{font.family.display}", "fontWeight": 400, "fontSize": "14px", "lineHeight": 1.5}},
    "kicker":     {"$value": {"fontFamily": "{font.family.display}", "fontWeight": 400, "fontSize": "11px", "letterSpacing": "0.14em", "textTransform": "uppercase"}},
    "number-xl":  {"$value": {"fontFamily": "{font.family.ui}", "fontWeight": 800, "fontStyle": "italic", "fontSize": "84px", "letterSpacing": "-0.02em", "lineHeight": 0.9}, "$description": "Saldo/vendas/total. Prefixo R$ em ~35% do tamanho, cinza."},
    "number-l":   {"$value": {"fontFamily": "{font.family.ui}", "fontWeight": 800, "fontStyle": "italic", "fontSize": "50px", "letterSpacing": "-0.02em", "lineHeight": 1}},
    "ui-strong":  {"$value": {"fontFamily": "{font.family.ui}", "fontWeight": 700, "fontSize": "15px"}},
    "ui":         {"$value": {"fontFamily": "{font.family.ui}", "fontWeight": 600, "fontSize": "14px"}},
    "app-title":  {"$value": {"fontFamily": "{font.family.mono}", "fontWeight": 700, "fontSize": "28px", "letterSpacing": "-0.02em"}, "$description": "Minúsculo + seta: 'pedidos ↓', 'carteira ↓'."},
    "tag":        {"$value": {"fontFamily": "{font.family.mono}", "fontWeight": 700, "fontSize": "10px", "letterSpacing": "0.08em", "textTransform": "uppercase", "lineHeight": 1.2}},
    "receipt":    {"$value": {"fontFamily": "{font.family.mono}", "fontWeight": 400, "fontSize": "12px", "lineHeight": 1.9}},
    "marquee":    {"$value": {"fontFamily": "{font.family.display}", "fontWeight": 300, "fontSize": "118px", "letterSpacing": "0.01em", "textTransform": "uppercase"}, "$description": "Vazado: color transparent, -webkit-text-stroke 1.6px #6A6A6A."}
  },
  "fontSize": {
    "$type": "dimension",
    "2xs": {"$value": "9px"}, "xs": {"$value": "11px"}, "s": {"$value": "12px"}, "m": {"$value": "14px"}, "base": {"$value": "15px"},
    "l": {"$value": "17px"}, "xl": {"$value": "22px"}, "2xl": {"$value": "30px"}, "3xl": {"$value": "44px"}, "4xl": {"$value": "62px"}, "5xl": {"$value": "84px"}, "6xl": {"$value": "118px"}, "hero": {"$value": "268px"}
  },
  "space": {
    "$type": "dimension",
    "1": {"$value": "4px"}, "2": {"$value": "8px"}, "3": {"$value": "12px"}, "4": {"$value": "16px"}, "5": {"$value": "20px"},
    "6": {"$value": "22px", "$description": "Padding interno padrão do bento."}, "7": {"$value": "28px", "$description": "Margem lateral do header/site."},
    "8": {"$value": "32px"}, "10": {"$value": "44px"}, "12": {"$value": "48px"}, "18": {"$value": "72px", "$description": "Margem de post IG 1080px (playbook)."}
  },
  "radius": {
    "$type": "dimension",
    "xs": {"$value": "3px", "$description": "Tag contorno."}, "s": {"$value": "8px"}, "pill": {"$value": "10px", "$description": "Pílula branca/lime (cantos quase retos, não 999px)."},
    "button": {"$value": "12px", "$description": "Botão com sombra deslocada, ícone-quadrado."}, "m": {"$value": "14px"},
    "bento": {"$value": "18px"}, "card": {"$value": "20px"}, "card-value": {"$value": "22px"},
    "chip": {"$value": "20px", "$description": "Chip/segmented (pílula redonda real só aqui)."},
    "phone-outer": {"$value": "54px"}, "phone-screen": {"$value": "44px"}
  },
  "shadow": {
    "$type": "shadow",
    "offset-button": {"$value": [{"offsetX": "3px", "offsetY": "4px", "blur": "0", "spread": "0", "color": "#FFFFFF"}, {"offsetX": "3px", "offsetY": "4px", "blur": "0", "spread": "2px", "color": "#000000"}], "$description": "box-shadow:3px 4px 0 0 #fff,3px 4px 0 2px #000 + border 2px #000. Em fundo escuro troque #fff pelo fundo."},
    "card-float": {"$value": {"offsetX": "0", "offsetY": "18px", "blur": "40px", "spread": "0", "color": "rgba(0,0,0,.6)"}},
    "phone": {"$value": {"offsetX": "0", "offsetY": "30px", "blur": "80px", "spread": "0", "color": "rgba(0,0,0,.6)"}},
    "fab": {"$value": {"offsetX": "0", "offsetY": "8px", "blur": "20px", "spread": "0", "color": "rgba(0,0,0,.25)"}},
    "hairline-dark": {"$value": {"inset": true, "offsetX": "0", "offsetY": "0", "blur": "0", "spread": "1px", "color": "#2A2A2A"}},
    "hairline-light": {"$value": {"inset": true, "offsetX": "0", "offsetY": "0", "blur": "0", "spread": "1px", "color": "#E4E4E4"}},
    "glow-paid": {"$value": [{"offsetX": "0", "offsetY": "0", "blur": "0", "spread": "2px", "color": "#BEFF0C"}, {"offsetX": "0", "offsetY": "0", "blur": "18px", "spread": "0", "color": "#BEFF0C"}]}
  },
  "pattern": {
    "dots":      {"$type": "string", "$value": "radial-gradient(rgba(255,255,255,.16) 1px, transparent 1.3px) 0 0/14px 14px", "$description": "Grid pontilhado sobre preto."},
    "dots-strong": {"$type": "string", "$value": "radial-gradient(rgba(255,255,255,.4) 1.2px, transparent 1.6px) 0 0/14px 14px"},
    "dots-dark": {"$type": "string", "$value": "radial-gradient(rgba(0,0,0,.18) 1px, transparent 1.3px) 0 0/14px 14px", "$description": "Grid pontilhado sobre branco/lime."},
    "dot-grid-size": {"$type": "dimension", "$value": "14px"}
  },
  "motion": {
    "$description": "Ref NG: rolagem como filme (seção trava e transforma), texto palavra por palavra. Valores sugeridos v1, não medidos.",
    "duration-fast": {"$type": "duration", "$value": "160ms"},
    "duration-base": {"$type": "duration", "$value": "320ms"},
    "duration-word": {"$type": "duration", "$value": "60ms", "$description": "Atraso entre palavras no reveal."},
    "ease-out": {"$type": "cubicBezier", "$value": [0.2, 0.8, 0.2, 1]}
  }
}