# GECIM — contexto visual obligatorio para agentes IA

## Punto de entrada

https://gecim.hurik.pe/preview/manifest.json

## Naturaleza de `/preview`

`/preview` es la fuente visual aprobada de GECIM.

Documenta tipografías, colores, dimensiones, geometría, componentes,
variantes, estados, ergonomía, accesibilidad y las cuatro combinaciones
visuales oficiales.

El Preview no es una plantilla para copiar literalmente.

No debe copiarse `preview.css` dentro de páginas, módulos o componentes.

## Orden obligatorio de lectura

1. `/preview/manifest.json`
2. `/preview/AI-CONTEXT.md`
3. `/preview/AI-IMPLEMENTATION.md`
4. `/preview/architecture.json`
5. `/preview/design-system.json`
6. `/preview/design-tokens.json`
7. `/preview/component-contract.json`
8. `/preview/quality-profile.json`
9. `/preview/CHANGE-POLICY.md`
10. `/preview/assets/design-tokens.css`
11. Revisar visualmente `/preview`

## Fuente de verdad

- Manifest y orden: `manifest.json`
- Decisiones visuales: `design-system.json`
- Valores: `design-tokens.json`
- Variables CSS: `assets/design-tokens.css`
- Componentes: `component-contract.json`
- Arquitectura: `architecture.json`
- Calidad: `quality-profile.json`
- Cambios: `CHANGE-POLICY.md`
- Demostración: `/preview`

Ante una contradicción, detener la tarea y reportarla. No resolverla por inferencia.

## Tipografías autorizadas

- Predeterminada: IBM Plex Sans, pesos 400, 500, 600 y 700.
- Alternativa: Roboto, pesos 400, 500 y 700.

No mezclar las dos familias dentro de una misma pantalla.

## Configuración predeterminada

- Tema: `institutional-technical`
- Modo: `light`
- Fuente: `ibm-plex-sans`
- Escala: `100`
- Texto base: `18px`
- Interlineado: `1.60`
- Ancho de lectura: `72ch`
- Altura mínima de controles: `48px`

## Combinaciones oficiales

1. `institutional-technical` + `light`
2. `institutional-technical` + `dark`
3. `naval-technical` + `light`
4. `naval-technical` + `dark`

No se permite una quinta combinación.

## Regla central

```text
Preview: documenta
Tokens: definen
Componentes: implementan
Páginas: reutilizan
```

## Prohibiciones

- Inventar colores, fuentes, tamaños, espacios, bordes o radios.
- Escribir códigos HEX en componentes.
- Copiar el HTML o CSS del Preview.
- Crear CSS cromático por página.
- Declarar `font-family` en páginas.
- Usar estilos inline.
- Duplicar componentes.
- Añadir temas o modos.
- Modificar contratos generados manualmente.
- Comunicar estados únicamente mediante color.

Cuando falte un token o componente, detenerse y solicitar una ampliación.