# Grupo EIC — Colour

Institutional intelligence brief. A deep-navy canvas lit by a single
celeste → indigo → violet signature gradient, with four signal accents used
sparingly for status.

![Palette](palette.png)

## Signature gradient

The one gradient that carries the brand — the radar mark, headlines, key edges.

`linear-gradient(135deg, #A9D4FF 0%, #5C7CE6 55%, #2F2A8C 100%)`

Full stop ramp (for finer control / multi-stop fills):

| Token       | Hex        | RGB              |
|-------------|------------|------------------|
| Sky         | `#D0E4FF`  | 208, 228, 255    |
| Azure       | `#A9D4FF`  | 169, 212, 255    |
| Periwinkle  | `#7B97EA`  | 123, 151, 234    |
| Indigo      | `#5C7CE6`  | 92, 124, 230     |
| Royal       | `#3D3FA9`  | 61, 63, 169      |
| Deep        | `#2F2A8C`  | 47, 42, 140      |

On **light** backgrounds use the darker stops (`#5C7CE6 → #2F2A8C`) so the mark
keeps contrast — see `logo/eic-mark-on-light.svg`.

## Signals (status only — use sparingly)

| Token     | Hex        | Use                                   |
|-----------|------------|---------------------------------------|
| Cyan      | `#7FE5FF`  | Live / detection blip, link, emphasis |
| Hostile   | `#FF7A4D`  | Threat / negative                     |
| Friendly  | `#9AFFC7`  | Aligned / positive                    |
| Alert     | `#FFC76B`  | Watch / caution                       |

## Surfaces (navy — never pure black)

| Token     | Hex        | Use                              |
|-----------|------------|----------------------------------|
| Void      | `#04060C`  | Deepest backdrop                 |
| Ink 0     | `#05070D`  | Page background                  |
| Ink 1     | `#0A0E1A`  | Elevated background              |
| Ink 2     | `#11162A`  | Cards, panels                    |
| Ink 3     | `#1A2140`  | Hairline / raised surface        |
| Ink 4     | `#273058`  | Subtle border                    |

## Light surfaces

| Token     | Hex        | Use                              |
|-----------|------------|----------------------------------|
| Bone      | `#F6F4ED`  | Warm light surface (documents)   |
| Paper     | `#F5F6F8`  | Cool light surface               |
| Paper 2   | `#D9DCE1`  | Muted light                      |

## Text

| Token         | Hex        | Use                          |
|---------------|------------|------------------------------|
| FG on dark    | `#EEF1FA`  | Primary text on navy         |
| FG on dark ·  | `rgba(238,241,250,0.62)` | Secondary on navy |
| FG on light   | `#0A0E1A`  | Primary text on paper        |

---

## Usage rules

- **Dark by default.** Light/paper layouts (formal documents, invoices) are
  allowed — dark ink on paper, gradient reserved for the mark and small accents.
- **The gradient is a signature, not a fill.** Large flat areas of azure/indigo
  read cheap; use it on the logo, edges, headlines, and small emphasis.
- **Contrast:** `FG on dark` on Ink 0 passes AAA for body. The light-blue end of
  the gradient needs a dark surface behind it; on white use `#5C7CE6` or darker
  for text.

These mirror the website tokens in `src/styles/tokens.css` (`--grad-*`,
`--ink-*`, `--signal-*`). Keep them in sync.
