# GECIM — órdenes de implementación para agentes IA

## Procedimiento obligatorio

1. Leer todos los recursos del manifest.
2. Identificar componentes existentes.
3. Identificar tokens existentes.
4. Implementar solo con componentes y variables aprobadas.
5. Aplicar apariencia únicamente en `<html>`.
6. Probar las cuatro combinaciones visuales.
7. Probar IBM Plex Sans y Roboto.
8. Ejecutar controles de accesibilidad y ergonomía.
9. Informar los elementos reutilizados y las pruebas.
10. Detenerse cuando exista una necesidad no cubierta.

## Apariencia

```html
<html
    data-gc-theme="institutional-technical"
    data-gc-mode="light"
    data-gc-font="ibm-plex-sans"
>
```

Valores permitidos:

```text
data-gc-theme:
    institutional-technical
    naval-technical

data-gc-mode:
    light
    dark

data-gc-font:
    ibm-plex-sans
    roboto
```

## CSS autorizado

```css
.gc-card {
    background: var(--gc-surface);
    color: var(--gc-text);
    border: 1px solid var(--gc-border);
}
```

## CSS prohibido

```css
.page-card {
    background: #FFFFFF;
    color: #17212B;
}
```

## Modelo de componentes

```blade
<x-ui.card>
    <x-ui.input name="title" label="Título" />

    <x-ui.button variant="primary">
        Guardar
    </x-ui.button>
</x-ui.card>
```

No crear localmente botones, campos, tarjetas, alertas, badges, tablas o
navegación cuando exista un componente equivalente.

## Informe obligatorio

```text
Componentes reutilizados:
Tokens utilizados:
Institucional claro probado:
Institucional oscuro probado:
Naval claro probado:
Naval oscuro probado:
IBM Plex Sans probado:
Roboto probado:
Teclado probado:
Zoom 200 % probado:
Reflujo 320 px probado:
Movimiento reducido probado:
Colores forzados probados:
Excepciones:
```

Una tarea con excepciones no aprobadas no debe considerarse terminada.
