/* ponte-tokens.css — traduz os tokens ANTIGOS da aplicação para a marca Tríade. * * O problema: as 12 telas e os dois CSS do kit (`gws_web.css`, `recfed.css`) * consomem `--cor-*`, `--font-*` e `--gws-fs-*`, nomes do tema «Teal & Gold» * v2.0 que a D50 revogou. Reescrever 2.145 linhas de HTML de uma vez seria * arriscado e demorado; trocar o SIGNIFICADO dos nomes é imediato e reversível. * * É a mesma técnica que o gerador do site institucional usa para migrar as * páginas legadas (`webpage/gerar.py`, dicionário TOKENS) — aqui na direção * inversa: em vez de reescrever os nomes no arquivo, redefinimos os nomes. * * Ordem obrigatória no : * gws.fontes.css → gws.css → ponte-tokens.css → gws_web.css → recfed.css * Se esta folha vier antes de `gws.css`, os `var(--gws-*)` daqui resolvem vazio. * * ISTO É ANDAIME. A meta é que as telas passem a ler `--gws-*` direto e este * arquivo desapareça; enquanto existir, nenhuma cor nova se escreve aqui — * todo valor é `var(--gws-*)` do pacote de marca (regra G11). */ :root { /* ── superfícies ──────────────────────────────────────────────────── */ --cor-surface-deepest: var(--gws-petroleo-800); /* era #1E454B */ --cor-surface-dark: var(--gws-petroleo-700); /* era #2A5259 */ --cor-surface-darkAlt: var(--gws-petroleo-600); /* era #3A6B74 */ --cor-surface-soft: var(--gws-petroleo-100); /* era #E8F1F2 */ --cor-surface-content: var(--gws-bg-subtle); /* era #F5F5F5 → linho */ --cor-surface-card: var(--gws-surface); /* ── acento: bronze, com a regra de contraste da marca ────────────── */ /* sobre escuro entra o bronze claro; para TEXTO sobre claro entra o bronze-texto (#855F20), nunca o bronze puro — manual de marca §cores */ --cor-accent-onDark: var(--gws-bronze-300); /* era #D4A574 */ --cor-accent-onLight: var(--gws-accent-text); /* era #8C6A3F */ --cor-accent-subtle: var(--gws-bronze-100); /* era #E8C9A4 */ /* ── tinta ────────────────────────────────────────────────────────── */ --cor-ink-heading: var(--gws-text); /* era #2D2D2D */ --cor-ink-strong: var(--gws-text); /* era #2C3539 */ --cor-ink-body: var(--gws-text); /* era #4A4A4A */ --cor-ink-muted: var(--gws-text-muted); /* era #6B6B6B */ /* ── linhas ───────────────────────────────────────────────────────── */ --cor-line-border: var(--gws-border); /* era #D9D9D9 */ --cor-line-band: var(--gws-border); /* era #D6D7D9 */ /* ── funcionais ───────────────────────────────────────────────────── */ --cor-functional-danger: var(--gws-danger); /* era #8F3B35 */ --cor-functional-success: var(--gws-success); /* era #2D6A4F */ --cor-functional-info: var(--gws-secondary); /* era #4A7577 */ --cor-functional-warning: var(--gws-warning); /* não existia: caía em #c90 */ /* ── tipografia: o ponto mais visível ─────────────────────────────── */ /* a app declarava Calibri e um @font-face para «Aptos» apontando para uma pasta que nunca existiu — todas em erro. Agora é IBM Plex, vendorizada. */ --font-display: var(--gws-font-sans); --font-heading: var(--gws-font-sans); --font-body: var(--gws-font-sans); --font-mono: var(--gws-font-mono); --gws-sans: var(--gws-font-sans); --gws-mono: var(--gws-font-mono); }