# Paleta: Eclipse azul

Azules profundos con matices lavanda que sugieren misterio y elegancia nocturna. Funciona muy bien para marcas de lujo, cosmética y experiencias digitales premium.

## Colores y roles sugeridos

| Nombre | Hex | Rol sugerido | Texto legible encima |
|--------|-----|--------------|----------------------|
| Azul medianoche | #1b1a4f | Texto principal | #b8b9d0 |
| Gris lavanda | #8383a8 |  | #b8b9d0 |
| Pizarra azul | #515081 | Acento | #b8b9d0 |
| Lavanda claro | #b8b9d0 | Fondo | #1b1a4f |

## Variables CSS

```css
:root {
  --color-azul-medianoche: #1b1a4f;
  --color-gris-lavanda: #8383a8;
  --color-pizarra-azul: #515081;
  --color-lavanda-claro: #b8b9d0;
}
```

## Combinaciones sugeridas

- Fondo #b8b9d0 + texto #1b1a4f: para bloques de lectura.
- Acento #515081 sobre fondo #b8b9d0: para botones y llamados a la acción.

## Para agentes (Claude Code / Codex)

```text
Aplica la paleta "Eclipse azul" a este diseño.
Colores: #1b1a4f=Azul medianoche, #8383a8=Gris lavanda, #515081=Pizarra azul, #b8b9d0=Lavanda claro.
Usa #b8b9d0 como fondo, #1b1a4f como texto principal y #515081 como acento de acción.
No inventes tonos nuevos ni cambies los hex.
```