Gradientes:
- 'NTI clássico' (3-stop magenta → roxo → azul) — herdado do Portal Interno
- 'NTI extenso' (5-stop, mesma família) — transição mais suave

Diretorias (page Components → Diretorias):
- DG (Diretoria-Geral) — bordô
- DRTD (Diretoria de Redes e Telecomunicações) — azul
- DSIC (Diretoria de Sistemas de Informações Corporativas) — roxo
- DSIS (Diretoria de Sistemas de Informações Sociais) — verde
- Logos claro/escuro de cada diretoria em public/diretorias/

Fonte: portal-interno-nti theme (img/identidade-area + theme.css gradientes)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

- gradiente cinza-k10→branco (invisível sobre fundo branco)
  trocado por cinza-k30→k10 (suave mas visível)
- border-strong em vez de border-default (que era igual ao k10)
- box-shadow sutil em todos os cards
- text-shadow no título para gradientes escuros (legibilidade)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

- antes: bordô #b30638 (cor do logo STi)
- agora: azul #0e76bb (cor primária do portal)
- afeta apenas brand.primary + text.brand (sidebar, headings, links)
- logo STI mantém suas cores oficiais (bordô + laranja)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

- Símbolo: logo-sti-{colorido,preto,branco}.svg
- Horizontal (c/ brasão UFPE): *-horizontal.svg
- Horizontal por extenso: *-horizontal-extenso.svg
- Sidebar e favicon usam o símbolo oficial
- Avatares usam logo-sti-branco.svg embed
- Página Logo apresenta os 3 layouts
- Resources tabela completa SVG + PNG por layout × variante

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

- Novo sti-mark.svg + sti-mark-branco.svg: só 'STi' + badge UFPE
- Sidebar usa versão branca (fundo bordô)
- Favicon usa versão colorida

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

- packages/tokens: paleta oficial STI (62 tokens DTCG) — 8 cores + 7 diretorias + cinzas + semânticos
- apps/docs: portal zeroheight-style com overview, foundations, components (Logo/Avatares/Diretorias), guidelines, resources, changelog
- packages/penpot-plugin: scaffold para push tokens DTCG → Penpot
- public/marca: marca STI extraída do PDF oficial (SVG colorido/preto/branco + PNGs + manual compactado)
- penpot/scripts: rpc.js + publish/snapshot/verify
- .gitlab-ci.yml: build → deploy Cloudflare Pages → release on tag
- Cloudflare Pages: https://sti-ufpe-design-system.pages.dev

 + .../plugin

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>