{
  "name": "Edugalbs",
  "version": 1,
  "color": {
    "themes": [
      {
        "id": "dark",
        "name": "Escuro (padrão)"
      },
      {
        "id": "light",
        "name": "Claro (só para documentos)"
      }
    ],
    "tokens": [
      {
        "name": "bg-000",
        "value": {
          "dark": "#0b1220",
          "light": "#f3efe6"
        },
        "usage": "Fundo de tudo: reels, carrosséis, stories, capas. É o --night do site (azul-noite)."
      },
      {
        "name": "bg-100",
        "value": {
          "dark": "#111a2e",
          "light": "#e9e3d5"
        },
        "usage": "Cartões, caixas de código, tarjas de legenda e lower-third."
      },
      {
        "name": "bg-200",
        "value": {
          "dark": "#18233b",
          "light": "#ddd6c6"
        },
        "usage": "Hover, fundo de barra de progresso, moldura do picture-in-picture."
      },
      {
        "name": "ink",
        "value": {
          "dark": "#e6ecf5",
          "light": "#101828"
        },
        "usage": "Texto principal e legendas queimadas no vídeo (--on-night do site)."
      },
      {
        "name": "ink-muted",
        "value": {
          "dark": "#9aa8c0",
          "light": "#4a5468"
        },
        "usage": "Texto secundário, timestamps, número do capítulo, assinatura."
      },
      {
        "name": "amber",
        "value": {
          "dark": "#f5b041",
          "light": "#9a6200"
        },
        "usage": "PILAR FÁBRICA. Acento de tudo que é Diário da Fábrica: palavra-chave, eyebrow, barra, CTA. Mesmo --amber do site."
      },
      {
        "name": "amber-soft",
        "value": {
          "dark": "#fbd791",
          "light": "#7a4d00"
        },
        "usage": "Eyebrow e subtítulos do pilar Fábrica."
      },
      {
        "name": "violet",
        "value": {
          "dark": "#8b6cff",
          "light": "#5a3ce6"
        },
        "usage": "PILAR BLOG. Acento dos posts técnicos que não são da fábrica (12-Factor, AI-native, ferramentas). É o violeta do planeta na home e do blog."
      },
      {
        "name": "violet-soft",
        "value": {
          "dark": "#c9b8ff",
          "light": "#7c5cff"
        },
        "usage": "Eyebrow e subtítulos do pilar Blog."
      },
      {
        "name": "teal",
        "value": {
          "dark": "#2ec4b6",
          "light": "#0f7a70"
        },
        "usage": "PILAR LIDERANÇA. Acento dos posts de times, cultura, carreira. Mesmo --teal do site (barra 'os agentes constroem')."
      },
      {
        "name": "teal-soft",
        "value": {
          "dark": "#9ae8e0",
          "light": "#0a5c54"
        },
        "usage": "Eyebrow e subtítulos do pilar Liderança."
      },
      {
        "name": "danger",
        "value": {
          "dark": "#e5484d",
          "light": "#b3262b"
        },
        "usage": "Marcador 'Quebrou' dentro do pilar Fábrica: um traço de 12px na borda esquerda e o erro em trechos de código. Nunca como cor de título ou de pilar. Mesmo --danger do site."
      },
      {
        "name": "line",
        "value": {
          "dark": "#e6ecf51f",
          "light": "#1018281f"
        },
        "usage": "Hairlines de 1px, bordas de cartão (--line-dark do site)."
      }
    ]
  },
  "type": {
    "fonts": [],
    "families": {
      "display": "\"Archivo\", \"Arial Narrow\", system-ui, sans-serif",
      "body": "\"IBM Plex Sans\", system-ui, -apple-system, sans-serif",
      "mono": "\"IBM Plex Mono\", ui-monospace, Consolas, monospace"
    },
    "groups": [
      {
        "name": "Display (títulos de reel, carrossel e capa)",
        "family": "display",
        "styles": [
          {
            "name": "hook-xl",
            "fontSize": "88px",
            "lineHeight": "0.95",
            "fontWeight": 800,
            "letterSpacing": "-0.02em",
            "sample": "ESCALA 6x1? AQUI É 24x7",
            "usage": "Gancho do slide 1 de carrossel (1080px). Caixa alta, no máximo 3 linhas."
          },
          {
            "name": "hook-lg",
            "fontSize": "64px",
            "lineHeight": "1.0",
            "fontWeight": 800,
            "letterSpacing": "-0.015em",
            "sample": "O token mais caro é o de uma IA esperando",
            "usage": "Título de capa de reel e story (1080×1920). Sentence case, até 3 linhas."
          },
          {
            "name": "title-md",
            "fontSize": "44px",
            "lineHeight": "1.1",
            "fontWeight": 700,
            "letterSpacing": "-0.01em",
            "sample": "Nada vai pra main sem revisão",
            "usage": "Título de slide interno de carrossel."
          },
          {
            "name": "eyebrow",
            "fontSize": "22px",
            "lineHeight": "1.2",
            "fontWeight": 500,
            "letterSpacing": "0.12em",
            "sample": "DIÁRIO DA FÁBRICA",
            "usage": "Rótulo acima do título, caixa alta, violet-soft ou amber-soft."
          }
        ]
      },
      {
        "name": "Corpo (slides e legendas)",
        "family": "body",
        "styles": [
          {
            "name": "body-lg",
            "fontSize": "34px",
            "lineHeight": "1.35",
            "fontWeight": 400,
            "sample": "Um agente escreve, outro revisa, outro testa. Nada entra sem a minha aprovação.",
            "usage": "Texto de slide interno. Máximo 45 palavras por slide."
          },
          {
            "name": "caption-video",
            "fontSize": "40px",
            "lineHeight": "1.25",
            "fontWeight": 600,
            "sample": "Fui dormir e acordei com 10 tarefas prontas",
            "usage": "Legenda queimada no vídeo, centro-superior do quadro, 2 linhas no máximo, palavra-chave em violet."
          },
          {
            "name": "body-sm",
            "fontSize": "24px",
            "lineHeight": "1.4",
            "fontWeight": 400,
            "sample": "edugalbs.com · Diário da Fábrica",
            "usage": "Rodapé, CTA final, fonte da citação."
          }
        ]
      },
      {
        "name": "Mono (números, código, capítulos)",
        "family": "mono",
        "styles": [
          {
            "name": "stat-xl",
            "fontSize": "120px",
            "lineHeight": "1.0",
            "fontWeight": 700,
            "sample": "+200",
            "usage": "Número grande de estatística (commits, tarefas, horas). Sempre com a unidade abaixo em body-sm."
          },
          {
            "name": "chapter",
            "fontSize": "26px",
            "lineHeight": "1.2",
            "fontWeight": 500,
            "letterSpacing": "0.06em",
            "sample": "CAP. 04",
            "usage": "Número do capítulo no canto superior direito de capas e slides, ink-muted."
          },
          {
            "name": "code",
            "fontSize": "26px",
            "lineHeight": "1.5",
            "fontWeight": 400,
            "sample": "git merge --no-ff feature/night-shift",
            "usage": "Trechos de código e logs em slides, sobre bg-100."
          }
        ]
      }
    ]
  },
  "spacing": {
    "tokens": [
      {
        "name": "space-1",
        "value": "16px",
        "usage": "Gap entre eyebrow e título."
      },
      {
        "name": "space-2",
        "value": "32px",
        "usage": "Gap entre título e corpo; padding interno de cartões."
      },
      {
        "name": "space-3",
        "value": "64px",
        "usage": "Gap entre blocos de um slide."
      },
      {
        "name": "space-4",
        "value": "96px",
        "usage": "Margem lateral de slides 1080×1080 e 1080×1350."
      },
      {
        "name": "space-5",
        "value": "160px",
        "usage": "Zona de segurança superior e inferior em 1080×1920 (interface do Instagram cobre essas faixas)."
      }
    ]
  },
  "radius": {
    "tokens": [
      {
        "name": "radius-sm",
        "value": "8px",
        "usage": "Tags, chips de capítulo."
      },
      {
        "name": "radius-md",
        "value": "20px",
        "usage": "Cartões, caixas de código, lower-third."
      },
      {
        "name": "radius-lg",
        "value": "40px",
        "usage": "Moldura do picture-in-picture e cantos de capa quando sobre foto."
      },
      {
        "name": "radius-pill",
        "value": "999px",
        "usage": "Botões e CTA."
      }
    ]
  },
  "shadow": {
    "tokens": [
      {
        "name": "glow-accent",
        "value": "0 0 120px 20px #f5b04155",
        "usage": "Halo atrás do título, na cor do pilar (âmbar na fábrica, violeta no blog, verde na liderança). Único efeito permitido."
      }
    ]
  }
}