> ## Documentation Index
> Fetch the complete documentation index at: https://docs.performati.tech/llms.txt
> Use this file to discover all available pages before exploring further.

# Cores

> Paleta oficial da PerformaTI, com o papel de cada cor e os valores exatos usados em produção.

Use sempre o **nome semântico** (coluna Token). Nunca escreva uma cor literal em produto: ela deixa de acompanhar o Canon.

| Token | Papel | OKLCH (fonte) | Hex (equivalente sRGB) |
| - | - | - | - |
| `--background` | white | `oklch(1 0 0)` | `#ffffff` |
| `--surface` | gray-50 | `oklch(0.975 0.005 258.3)` | `#f5f7fa` |
| `--foreground` | ink-950 | `oklch(0.206 0.019 252.1)` | `#111820` |
| `--card` | white | `oklch(1 0 0)` | `#ffffff` |
| `--card-foreground` | ink-950 | `oklch(0.206 0.019 252.1)` | `#111820` |
| `--popover` | white | `oklch(1 0 0)` | `#ffffff` |
| `--popover-foreground` | ink-950 | `oklch(0.206 0.019 252.1)` | `#111820` |
| `--primary` | navy-900 | `oklch(0.263 0.045 258)` | `#17253a` |
| `--primary-foreground` | white | `oklch(1 0 0)` | `#ffffff` |
| `--primary-light` | blue-600 | `oklch(0.549 0.196 259.5)` | `#1b6ae1` |
| `--secondary` | gray-50 | `oklch(0.975 0.005 258.3)` | `#f5f7fa` |
| `--secondary-foreground` | navy-900 | `oklch(0.263 0.045 258)` | `#17253a` |
| `--muted` | gray-50 | `oklch(0.975 0.005 258.3)` | `#f5f7fa` |
| `--muted-foreground` | gray-600 | `oklch(0.447 0.034 261.3)` | `#4a5568` |
| `--subtle-foreground` | gray-400 | `oklch(0.663 0.025 258.4)` | `#8a94a3` |
| `--accent` | blue-600 | `oklch(0.549 0.196 259.5)` | `#1b6ae1` |
| `--accent-foreground` | white | `oklch(1 0 0)` | `#ffffff` |
| `--accent-dark` | blue-700 | `oklch(0.462 0.168 259.8)` | `#1352b4` |
| `--cyan` | cyan-400 | `oklch(0.755 0.135 216)` | `#00c4e6` |
| `--destructive` | red-500 | `oklch(0.586 0.179 24.5)` | `#d14343` |
| `--destructive-foreground` | white | `oklch(1 0 0)` | `#ffffff` |
| `--info` | blue-500 | `oklch(0.633 0.185 249.5)` | `#008df4` |
| `--warning` | amber-400 | `oklch(0.758 0.147 80.8)` | `#e0a526` |
| `--border` | gray-200 | `oklch(0.93 0.009 258.3)` | `#e4e8ee` |
| `--input` | gray-200 | `oklch(0.93 0.009 258.3)` | `#e4e8ee` |
| `--ring` | blue-600 | `oklch(0.549 0.196 259.5)` | `#1b6ae1` |

<Note>
  O valor de referência é o OKLCH. O hex é a conversão para sRGB, usada onde OKLCH não é suportado, como PDFs gerados pelo ReportLab.
</Note>

## Arquivos

* [`performati.tokens.json`](/tokens/performati.tokens.json): fonte no formato W3C DTCG 2025.10.
* [`performati.resolved.json`](/tokens/performati.resolved.json): valores resolvidos, para ferramentas e agentes.
* [`performati.css`](/tokens/performati.css): variáveis CSS.
* [`performati.tailwind.css`](/tokens/performati.tailwind.css): tema para Tailwind CSS v4.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.