# Gemed — Mudanças no Design System desde 14/10/2026: guia para desenvolvimento

**Para quem é:** desenvolvedor front-end que implementou as telas com o Design System **de 14/10/2026** (ou com o guia congelado v1.2) e precisa saber o que mudou de lá até hoje.
**Versão congelada (base deste documento):** `Histórico/Mudanças no Design System - guia para desenvolvimento v1.2.md` (v1.2, 14/10/2026). Seu documento base era `Para IA/Design System.md` de 14/10/2026, que é o arquivo `Para IA/Histórico/Design System - antes de 20-10-2026 (faixa de Ambiente de teste).md`. Ela não será mais alterada.
**Documento comparado agora:** `Para IA/Design System.md`, versão de 28/10/2026 (seções 1 a 13 e o Histórico de Versões). A comparação é feita **contra a versão de 14/10/2026**, não contra o original de 30/09/2026.
**Guia complementar:** `Para Desenvolvedores/Tema claro e escuro/Tema claro e escuro - guia para desenvolvimento.md` e o arquivo de código `gemed-theme.css` (da mesma pasta). Este documento não repete o que aquele guia já explica; quando o assunto estiver lá, só há a remissão.
**Situação:** v2.1, 28/10/2026.

---

## 1. Como este documento se relaciona com os anteriores

| Documento | Cobre | Situação |
|---|---|---|
| `Histórico/… guia para desenvolvimento v1.2.md` | Do original (30/09/2026) até o Design System de 14/10/2026 | **Congelado** (28/10/2026) |
| `Histórico/… guia para desenvolvimento v1.6.md` | Do original (30/09/2026) até 27/10/2026, com o original como base | Arquivado; substituído por este |
| **Este documento (v2.0)** | **De 14/10/2026 até 28/10/2026** | Vigente |

Quem implementou o original lê a v1.2 e depois este documento. Quem já está no estado de 14/10/2026 lê só este. As seções 3.1 a 3.3 vêm das seções 3.12 a 3.14 da v1.6, reescritas para partir do estado de 14/10/2026; as seções 3.4 e 3.5 são novas.

## 2. Visão geral

De 14/10/2026 (versão 4 desse dia, que incorporou `--color-on-primary`) a 28/10/2026 o Design System ganhou: a **faixa de Ambiente de teste** no topo da tela, no lugar da cor da barra de status; os **estados de campo** por borda e o **foco do teclado** como padrão do sistema; as **cores de status vindas da API**, por tema, com Cancelado cinza e cores para os status de procedimento; o **padrão de botões** com o novo verde escuro do botão primário; e os **chips de urgência**. Nenhum valor de tema claro de tokens existentes mudou, exceto os de Cancelado. A tipografia, o espaçamento, o raio, a borda, a sombra, a opacidade, a animação e os tamanhos não mudaram.

## 3. Tabela resumo (ordem cronológica)

| Data | Mudança | Tokens afetados | Origem da decisão |
|---|---|---|---|
| 20/10/2026 | Ambiente de teste: faixa no topo da tela com selo "TESTE" no lugar da cor da barra de status (`theme-color`) | Novo `--color-env-test-band`; `--color-env-test-surface` só no fundo do menu | Check-in de Usuários, RN-CIU-032 retificada pelo solicitante (Menu Lateral, Especificação v1.11) |
| 26/10/2026 | Estados de campo por borda e foco do teclado viram padrão do sistema (seção 11) | Novo `--color-field-changed` (`#467EE5`, igual nos dois temas) | Pedido do solicitante, ao rever E-CM-003 na Central do Médico (Registro de Decisões v1.7, D-CM-046) |
| 27/10/2026 | Cores de status por tema vindas da API (`status.colors`); Cancelado cinza preenchido; cores dos status exclusivos de procedimento; classes `.chip-status` e `.avatar-status`; card cancelado com textos riscados | Alterados `--color-status-canceled-bg` e `-fg`; removido `--color-status-canceled-border`; novos `--color-status-preparation-*`, `-administering-*` e `-administered-*` | Proposta da equipe de front-end ("Cores de status por tema", 26/10/2026), aprovada pelo solicitante; respostas do solicitante em 27/10/2026 |
| 27/10/2026 (4) | Padrão de botões e verde escuro do botão primário (seção 12) | Novos `--color-primary-strong` e `--color-on-primary-strong`; `--color-on-primary` muda de papel | Mensageria, P-MSG-01: "opção C com botões secundários com contorno" e "vamos criar um novo token verde escuro (opção 3)" |
| 28/10/2026 | Nome do status "Aguardando recepção" (texto do cadastro) | Nenhum token | Central do Médico, D-CM-084 |
| 28/10/2026 (2) | Chips de urgência (seção 13) | Nenhum token novo (usa `--color-alert-fill` e existentes) | Mensageria, D-MSG-027; o solicitante escolheu a alternativa A |

---

## 4. Detalhe de cada mudança

### 4.1 Faixa de Ambiente de teste no topo da tela (20/10/2026)

**Antes (14/10/2026):** no celular, a tag `<meta name="theme-color">` recebia a cor do menu de teste, o `--color-env-test-surface`.
**Agora:** a tag não é mais usada. Em Ambiente de teste aparece uma faixa de 24px no topo da tela, em `var(--color-env-test-band)` (`#EF6C00`, igual nos dois temas), com um selo centralizado "TESTE" ("TEST"/"PRUEBA" nos outros idiomas): fundo `var(--color-base-pure)`, texto `var(--color-neutral-darker)`, `--font-size-xs` em negrito, `--radius-pill`. No computador, fica no topo da coluna de conteúdo, à direita do menu; no celular, acima da barra superior, na largura toda; fixa durante a rolagem. O fundo amarelo do menu (`--color-env-test-surface`) continua.
**Onde usar:** só nesta faixa. **Razão:** o iPhone deixou de aplicar `theme-color`, e não havia outro sinal no celular com o menu fechado.
**Escolhas do Designer a aprovar:** o tom `#EF6C00` (um pouco mais escuro que o `#F57C00` da imagem de referência, para o selo branco passar de 3:1), a altura de 24px e o desenho do selo.

### 4.2 Estados de campo, `--color-field-changed` e foco do teclado (26/10/2026)

**Antes:** a tela de registros clínicos já tinha um azul para a borda do campo alterado (`#467EE5`, medido pelo solicitante em imagem da tela, 2px) que não era token; o Design System não definia estados de campo nem foco visível. A Central do Médico usava, como variáveis locais do protótipo, um anel de 3px (`--ring`).
**Agora (Design System, seções 4a e 11):**

| Estado do campo | Borda |
|---|---|
| Não selecionado | 1px `--color-neutral-light` |
| Selecionado (e com foco, em campo de texto) | 2px `--color-neutral-dark` |
| Alterado (valor diferente do gravado) | 2px `--color-field-changed` |
| Com erro | 2px `--color-error-pure`, mais o texto do erro em `--color-error-dark` (geralmente abaixo do campo) |

| Token | Claro | Escuro |
|---|---|---|
| `--color-field-changed` | `#467EE5` | `#467EE5` (igual; não segue a C5) |

- **Contraste:** 3,9:1 sobre `base-pure` e 3,2:1 sobre `neutral-lighter` no claro; 4,3:1 e 3,4:1 no escuro. É componente de interface (WCAG 1.4.11, mínimo 3:1), não texto. Não passa de 3:1 sobre `neutral-light` nem sobre fundos de status: não use o token como borda sobre eles.
- **Foco do teclado:** `outline: 2px solid var(--color-neutral-dark)` com `outline-offset: 2px`, em `:focus-visible`, para botões, toggles, cards, links, abas e itens de menu. Campo de texto não usa anel: a borda "selecionado" já é o indicador de foco. Item que permanece selecionado (toggle "Meus", item de lista, aba, rádio) mostra a seleção pela borda ou pelo preenchimento e o foco pelo anel, afastado 2px, então os dois aparecem juntos. O `gemed-theme.css` traz o token e a regra de foco.
- **Marcado como [PROPOSTA] no Design System (invenção do Designer, não decisão do solicitante; E-CM-024):** a espessura de 2px em "selecionado" e "com erro", a precedência entre estados (erro > selecionado > alterado > repouso) e o uso de `:focus-visible`. O solicitante definiu as cores por estado e pediu 2px para o anel.
- **Escolha do Designer a confirmar (E-CM-023):** o mesmo valor `#467EE5` nos dois temas, sem valor escuro próprio.

**Onde usar:** bordas de campo e anel de foco, na tela de registros clínicos e na Central do Médico, que já seguem este critério. Estender a todas as telas é proposta do Designer (E-CM-024), a confirmar. O anel vale para todo elemento focável que não seja campo de texto.
**Onde NÃO usar:** `outline: none` sem substituto; um azul avulso para "alterado" (use o token); `secondary-pure` ou `secondary-dark` no lugar do token (são `#40C4FF` e `#0066A5`, outros azuis).
**Pode exigir ajuste fora da Central:** telas que já têm foco próprio (por exemplo, o protótipo da Agenda do Médico tem CSS de foco/outline próprio) e textos que citam "anel de foco do Design System" devem ser conferidos contra a seção 11. Este guia não altera essas funcionalidades.

### 4.3 Cores de status por tema, vindas da API (27/10/2026)

**Antes (14/10/2026):** cada status tinha um par fundo/texto em tokens `--color-status-*`; a Central usava uma paleta fixa no front; a API mandava uma só cor por status (`color` ou `characteristic`); Cancelado era chip de contorno (`--color-status-canceled-bg: transparent`, `-fg: var(--color-neutral-dark)`, `-border: var(--color-neutral-light)`); os status exclusivos de procedimento não tinham cor no Design System.

**Agora (Design System, seção 4):**

- Cada status tem **quatro cores** (fundo e texto, claro e escuro) em `IpTerminologia.DomEstadoAgendaConsulta` e `IpTerminologia.DomEstadoAgendaProcedimento` (chave `CodEstado`; nome traduzido por `TermoTraducao`), **iguais para todas as clínicas**. Elas chegam no próprio status:

```json
"status": {
  "domain": "checked",
  "name": "Recepcionado",
  "colors": {
    "light": { "background": "#B7E3FF", "text": "#004D7A" },
    "dark":  { "background": "#364458", "text": "#B7E3FF" }
  }
}
```

- Hex `#RRGGBB`; quando `colors` vem, os quatro valores vêm. O front escolhe pelo tema vigente, sem nova chamada.
- Aplicação: classe `.chip-status` com as variáveis locais `--st-bg-l`, `--st-fg-l`, `--st-bg-d`, `--st-fg-d` (código em `gemed-theme.css` e no guia do tema, seção 5). No avatar de iniciais, classe `.avatar-status`: fundo do status, iniciais em `--color-neutral-darker` nos dois temas. Valide `#RRGGBB` antes de passar as variáveis: valor inválido deixa o fundo transparente, em vez do chip neutro.
- Sem `colors`: chip neutro (fundo `--color-neutral-light`, texto `--color-neutral-darker`); a própria classe cai nele quando as variáveis não vêm.
- **Cancelado** passa a cinza preenchido: fundo `--color-neutral-lighter`, texto `--color-neutral-pure` (4,5:1 no claro, 5,6:1 no escuro). O contorno de 1px sai. No **card cancelado**, os textos (horário, nome, complementos) ficam riscados, cada um no seu elemento; o chip e o avatar não.
- **Procedimento:** os cinco status em comum com a consulta (`scheduled`, `waiting`, `checked`, `finished`, `canceled`) usam **as mesmas cores da consulta** (antes divergiam: o Recepcionado de procedimento era amarelo). Os exclusivos:

| Status | `domain` | Claro: fundo / texto | Escuro: fundo / texto |
|---|---|---|---|
| Em preparo | `preparation` | `#B9F6CA` / `#0F762C` | `#37484D` / `#B9F6CA` |
| Em aplicação | `administering` | `#00E676` / `#005F31` | `#12443C` / `#00E676` |
| Completo | `administered` | `#C9C3FD` / `#4C3FBD` | `#3A3D57` / `#C9C3FD` |

- Nomes: "Em atendimento" (no lugar de "Em consulta"), "Em preparo", "Em aplicação" (27/10/2026) e "Aguardando recepção" (28/10/2026), os textos cadastrados em `TermoTraducao`. Nenhuma cor mudou com os nomes.
- Os tokens `--color-status-*` continuam no CSS com os mesmos valores das tabelas, como referência e para protótipos; as telas não usam paleta fixa.
- **Transição (da proposta da equipe de front-end):** (1) o back acrescenta `colors` nos endpoints, mantendo `color` e `characteristic`; (2) o front passa a usar `colors`; no painel de Consultas da Central, `status` muda de texto para objeto, e a subida é combinada; (3) o front avisa quando terminar; (4) o back remove `color` e `characteristic`. Na Central e na Agenda do Médico a troca é no mesmo deploy (D-CM-080).

**Onde usar:** chip de status e avatar de iniciais na Agenda do Médico e nos painéis de Consultas e de Pacientes em procedimento da Central.
**Onde NÃO usar:** paleta de status fixa no front; `color`/`characteristic` como cor de status; contorno no Cancelado.
**Razão:** com o tema escuro, cada status precisa de duas combinações; como o tema muda no navegador sem recarregar, a resposta traz as duas. Cancelado e Finalizado passam a diferir por matiz (cinza × lilás) no claro; **no escuro ficam quase iguais** (risco registrado no Design System, seção 4), e o rótulo do chip identifica o status.

### 4.4 Botões e o verde escuro do botão primário (27/10/2026)

**Antes (14/10/2026):** o botão primário era `--color-primary-pure` (`#00E676`) com texto `--color-on-primary` (o Design System não tinha seção de botões).
**Agora (Design System, seções 2, 4a e 12):** hierarquia com **um botão preenchido por região**; os demais têm contorno.

| Token | Claro | Escuro |
|---|---|---|
| `--color-primary-strong` | `#007A13` (5,5:1 com `#FFFFFF`) | `#007A13`, o mesmo valor (3,1:1 sobre `base-pure`, 3,3:1 sobre `base-dark`; não segue C3/C5) |
| `--color-on-primary-strong` | `#FFFFFF` (5,5:1) | `#FFFFFF`, o mesmo valor |

| Tipo | Quando | Preenchimento | Borda | Texto/ícone |
|---|---|---|---|---|
| Primário | A ação principal da região. **No máximo um por região** | `--color-primary-strong` | nenhuma | `--color-on-primary-strong` |
| Secundário | Demais ações da região (Cancelar, Voltar, ações dentro de cartão) | transparente | 1px `--color-neutral-pure` | `--color-neutral-dark` |
| Terciário | Ação de menor peso (links de ação, "Tentar novamente" em aviso) | transparente | nenhuma | `--color-neutral-dark` |

- Alturas `--btn-height-sm` (32px), `--btn-height` (40px) e `--btn-height-lg` (48px); a área tocável é de pelo menos 44x44px. Em modal e formulário: primário à direita no computador; no celular, em largura total, empilhados, com o primário em cima. Botão de ação dentro de cartão é secundário; o cartão não leva botão preenchido. Ícone, quando houver, é Lucide. Foco: regra da seção 11 (4.2).
- **`--color-on-primary` muda de papel:** deixa de ser o texto do botão primário e continua para texto ou ícone sobre `--color-primary-pure` (badge de contador, círculo do logotipo e outros acentos). O `primary-pure` não deixa de existir: continua como acento.
- **Por que um token novo:** o `primary-pure` tem muita luminosidade e saturação, cansa como preenchimento em tela de uso prolongado e se confunde com o verde de "sucesso" e "internação" dos chips. O `primary-dark` não serve: no tema escuro vira texto claro.
- **Escolhas do Designer a aprovar:** o valor `#007A13` (igual ao `primary-dark` do tema claro), manter o mesmo valor no tema escuro, as cores do contorno e do texto do secundário, e o terciário.
- **Não definidos ainda:** estado pressionado e desabilitado, e o botão de ação destrutiva (Danger).

**Onde usar:** todo botão do sistema. Aplicado na Central do Médico a partir da v5.17 (D-CM-085); as demais funcionalidades adotam na sua próxima versão.
**Onde NÃO usar:** `--color-primary-pure` como fundo de botão; `#FFFFFF` literal no texto do botão (use o token); mais de um primário na mesma região.

### 4.5 Chips de urgência (28/10/2026)

**Antes (14/10/2026):** não existia conjunto de chips para prioridade; o chip leve (fundo `-light`, sem contorno) era o padrão dos alertas da Central (D-CM-046).
**Agora (Design System, seção 13):** quatro valores do domínio de prioridade do HL7, para qualquer propriedade de prioridade. **Nenhum token novo.** O chip só aparece quando o grau está informado.

| Valor (`key`) | Nome (pt-BR) | Preenchimento | Texto e ícone | Contorno | Ícone (Lucide `flag`, 14px) |
|---|---|---|---|---|---|
| `STAT` | Imediato | `--color-alert-fill` | `--color-base-pure` (5,0:1 no claro; 4,6:1 no escuro) | nenhum | preenchida |
| `ASAP` | Quanto antes | `--color-error-light` | `--color-error-dark` (5,5:1 no claro; 6,3:1 no escuro) | 1px `--color-error-dark` | só contorno |
| `Urgent` | Urgente | `--color-neutral-lighter` | `--color-neutral-dark` (12,1:1 no claro; 8,8:1 no escuro) | nenhum | só contorno |
| `Routine` | Rotina | transparente | `--color-neutral-dark` | 1px `--color-neutral-light` | só contorno |

- Texto visível: **só o nome** ("Imediato", "Quanto antes", "Urgente", "Rotina"); título e nome acessível "Grau de urgência: {nome}". `font-weight-medium`, altura mínima de 24px, raio de pílula, espaçamento interno de 2px por 8px. Os nomes vêm do cadastro (`IpTerminologia.Indicadores`, domínio `GrauUrgencia`, e `TermoTraducao`); o front-end não os guarda.
- A API manda `urgency: { key, name }`; a ordem entre os valores (Rotina < Urgente < Quanto antes < Imediato) é do servidor.
- **Sem amarelo:** o amarelo é do chip de prazo. A cor reforça, mas o texto e o ícone identificam o nível; o contorno é decorativo.
- É uma **exceção consciente** ao padrão leve de chips (sem contorno), decisão do solicitante.
- **Proposta do Designer a confirmar (E-MSG-022):** a correspondência dos quatro valores com os quatro estilos.
- **Mudança de 28/10/2026 (3):** os nomes antes eram Baixa, Média, Alta e Crítica (escala 1 a 4 do legado) e o texto era "Urgência {nome}"; cores e contrastes não mudaram.

**Onde usar:** cartão e cabeçalho de conversa da Mensageria e, quando a Central adotar o grau, o cartão do painel de Mensagens. **Onde NÃO usar:** chips de status ou de prazo.

---

## 5. Tokens novos, alterados e removidos desde 14/10/2026 (ordem alfabética)

Valores copiados de `Para IA/Design System.md` (28/10/2026). `(igual)` = o valor não muda no tema escuro. Situação em relação ao Design System de 14/10/2026.

| Token | Situação | Claro | Escuro |
|---|---|---|---|
| `--color-env-test-band` | Novo (20/10) | `#EF6C00` | (igual) |
| `--color-env-test-surface` | Papel reduzido (20/10); valor igual | `var(--color-highlight-light)` = `#FFF8E1` | `var(--color-highlight-light)` = `#3B3727` |
| `--color-field-changed` | Novo (26/10) | `#467EE5` | `#467EE5` (igual) |
| `--color-on-primary` | Papel alterado (27/10); valor igual | `var(--color-neutral-darker)` = `#01013B` | `var(--color-base-pure)` = `#161C2E` |
| `--color-on-primary-strong` | Novo (27/10) | `#FFFFFF` | `#FFFFFF` (igual) |
| `--color-primary-strong` | Novo (27/10) | `#007A13` | `#007A13` (igual) |
| `--color-status-administered-bg` | Novo (27/10) | `#C9C3FD` | `#3A3D57` |
| `--color-status-administered-fg` | Novo (27/10) | `#4C3FBD` | `#C9C3FD` |
| `--color-status-administered-ref` | Novo (27/10) | `#C9C3FD` | `#C9C3FD` (igual) |
| `--color-status-administering-bg` | Novo (27/10) | `#00E676` | `#12443C` |
| `--color-status-administering-fg` | Novo (27/10) | `#005F31` | `#00E676` |
| `--color-status-administering-ref` | Novo (27/10) | `#00E676` | `#00E676` (igual) |
| `--color-status-canceled-bg` | Alterado (27/10; era `transparent`) | `var(--color-neutral-lighter)` = `#E5EAF0` | `var(--color-neutral-lighter)` = `#262F47` |
| `--color-status-canceled-fg` | Alterado (27/10; era `var(--color-neutral-dark)`) | `var(--color-neutral-pure)` = `#526A90` | `var(--color-neutral-pure)` = `#9AA9C2` |
| `--color-status-preparation-bg` | Novo (27/10) | `#B9F6CA` | `#37484D` |
| `--color-status-preparation-fg` | Novo (27/10) | `#0F762C` | `#B9F6CA` |
| `--color-status-preparation-ref` | Novo (27/10) | `#B9F6CA` | `#B9F6CA` (igual) |

**Removido:** `--color-status-canceled-border` (existia em 14/10 com `var(--color-neutral-light)`; removido em 27/10/2026, com o fim do contorno do Cancelado).

**Não-tokens novos:** classes `.chip-status` e `.avatar-status` e variáveis locais `--st-bg-l`, `--st-fg-l`, `--st-bg-d`, `--st-fg-d` (4.3); regra de foco `:focus-visible` (4.2). Os chips de urgência (4.5) não têm token nem classe no Design System; a implementação das classes é do front-end.

**Fora do Design System.md:** o protótipo da Central define `--tap: 44px`, variável local do protótipo.

---

## 6. Checklist de migração (de quem está no estado de 14/10/2026)

**Buscar e substituir** (fora de `gemed-theme.css`):

- [ ] Código que define `<meta name="theme-color">` para Ambiente de teste: **remover**; incluir a faixa do topo com selo "TESTE" em `var(--color-env-test-band)` (4.1). Fundo do menu continua `var(--color-env-test-surface)`.
- [ ] Hex de status de agenda (`#FFE0B3`, `#855D00`, `#FFC5C1`, `#8B0000`, `#B7E3FF`, `#004D7A`, `#D1DF9D`, `#3E4D00`, `#EDE7FA`, `#6A4FC4`, `#9679E1`) e da paleta antiga de procedimento (`#FFECB2`, `#F9BBD0`, `#FEC400`, `#01E676`, `#DEDAFF`, `#BFBFBF`): remover e usar `.chip-status` com `status.colors` (4.3). Os tokens `--color-status-*` não são para aplicar nas telas.
- [ ] Chip e avatar de status: `.chip-status` / `.avatar-status` com as cores de `status.colors`; não usar `color`/`characteristic` como cor. Cancelado cinza preenchido, sem contorno (`--color-status-canceled-border` não existe mais).
- [ ] Painel de Consultas da Central: `status` passa de texto a objeto; combinar a subida com o back (4.3).
- [ ] Status de procedimento em comum com a consulta usam as cores da consulta; "Completo" é `administered`.
- [ ] Card cancelado com os textos riscados, exceto chip e avatar.
- [ ] Botão primário: fundo `var(--color-primary-strong)` e texto/ícone `var(--color-on-primary-strong)` (era `primary-pure` + `on-primary`). `var(--color-on-primary)` continua só para badge de contador, logotipo e outros acentos sobre `primary-pure` (4.4).
- [ ] Hierarquia de botões: um preenchido por região; demais com contorno (secundário) ou sem contorno (terciário); botão dentro de cartão é secundário.
- [ ] Azul avulso de "campo alterado" (`#467EE5` literal ou parecido): `var(--color-field-changed)` (4.2).
- [ ] `outline: none` sem substituto: remover; foco por `:focus-visible` (4.2).
- [ ] Chips de prioridade/urgência: padrão de 4.5, com o texto "Urgência {nome}" vindo do cadastro.

**Incluir ou conferir:**

- [ ] Substituir `gemed-theme.css` pela versão de 28/10/2026 (traz `--color-primary-strong`, `--color-on-primary-strong`, `--color-env-test-band`, `--color-field-changed`, tokens de procedimento, Cancelado cinza, regra de foco, `.chip-status`, `.avatar-status`) e remover `--color-*` locais duplicados.
- [ ] Bordas de campo pelos estados de 4.2 (proposta E-CM-024, a confirmar).
- [ ] Faixa de Ambiente de teste fixa durante a rolagem; no celular acima da barra superior.
- [ ] Conferir cada tela nos dois temas (guia do tema, seção 11), em especial o botão primário no tema escuro (3,1:1 sobre `base-pure`) e Cancelado × Finalizado no escuro.

**Não mudar:** tipografia, espaçamento, raio, borda, geometria de sombra, opacidade, animação, tamanhos, e os valores de todos os tokens fora da seção 5.

---

## 7. Ainda não decidido

- **E-CM-023** — `--color-field-changed` com o mesmo valor `#467EE5` nos dois temas (escolha do Designer; 4.2).
- **E-CM-024** — as [PROPOSTA] da seção 11 do Design System: 2px nos estados "selecionado" e "com erro", precedência entre estados e `:focus-visible`.
- **Botões (seção 12):** aprovar `#007A13` e o mesmo valor no tema escuro, as cores do secundário e do terciário; definir pressionado, desabilitado e Danger.
- **Ambiente de teste (seção 8):** aprovar `#EF6C00`, a altura de 24px e o desenho do selo (4.1).
- **Chips de urgência:** a correspondência dos quatro valores HL7 com os quatro estilos (E-MSG-022).
- Também seguem em aberto, sem relação com tokens, as questões P-CM-xxx do Registro de Decisões da Central e as P-MSG-xx da Mensageria.

---

## 8. Como este documento foi obtido

Elaborado em 28/10/2026, por leitura (sem alterar nenhum Design System nem especificação) de:

1. `Para IA/Design System.md` de 28/10/2026 (seções 4, 4a, 8, 11, 12, 13 e Histórico de Versões, entradas de 20/10 a 28/10 (2)).
2. `Para IA/Histórico/Design System - antes de 20-10-2026 (faixa de Ambiente de teste).md`, que é o Design System de 14/10/2026 (4), base da comparação.
3. `Para Desenvolvedores/Histórico/Mudanças no Design System - guia para desenvolvimento v1.2.md` (congelada) e v1.6 (seções 3.12 a 3.14, reaproveitadas e reescritas a partir do estado de 14/10/2026).
4. `gemed-theme.css` de 14/10/2026 (`Histórico/gemed-theme - antes de 20-10-2026 (faixa de Ambiente de teste).css`) e o atual, comparados com `diff`.
5. Decisões do solicitante em chat de 28/10/2026 (congelar a versão de base de 14/10/2026 e extrair as diferenças a partir dela).

---

## Histórico de Versões

- **v2.0** (28/10/2026) — Documento reiniciado a pedido do solicitante: a versão cujo documento base era o Design System de 14/10/2026 (v1.2) foi congelada, e este documento parte dela e extrai as diferenças até 28/10/2026. Reaproveita e reescreve as seções 3.12 a 3.14 da v1.6 (4.1 a 4.3) e acrescenta o padrão de botões com `--color-primary-strong` e `--color-on-primary-strong` (4.4) e os chips de urgência (4.5). Tabela de tokens e checklist refeitos contra o estado de 14/10/2026. A v1.6 foi arquivada em `Para Desenvolvedores/Histórico/Mudanças no Design System - guia para desenvolvimento v1.6.md`.
- **v2.1** (28/10/2026) — Seção 4.5 reescrita: o grau de urgência passa ao domínio HL7 (`Routine`, `Urgent`, `ASAP`, `STAT`), chip só com o nome (Design System de 28/10/2026 (3)). Cores, contrastes e tokens iguais. A v2.0 foi arquivada em `Para Desenvolvedores/Histórico/Mudanças no Design System - guia para desenvolvimento v2.0.md`.