# Couleur

Un contraste chaud, une seule couleur qui agit, cinq couleurs qui jouent. Les valeurs vivent dans `tokens/couleur.json`.

## Deux niveaux

Une interface ne code jamais une couleur brute. Elle code un **rôle**, et le rôle pointe vers une couleur selon le thème.

| Rôle | Clair | Nocturne | Usage |
| --- | --- | --- | --- |
| `fond` | papier | charbon | le fond de page |
| `surface` | papier-2 | charbon-2 | une carte, une bande teintée |
| `texte` | encre | papier | titres et texte courant |
| `discret` | gris | gris-nuit | appuis, légendes, mentions |
| `filet` | filet | blanc 12 % | séparations fines |
| `trait` | encre | papier | contour d'un objet, d'un champ |
| `accent` | vermillon | vermillon | l'action, l'emphase |
| `accent-appuye` | vermillon-fonce | vermillon-fonce | survol d'une action |
| `sur-accent` | papier | papier | texte posé sur l'accent |
| `danger` | rouge | rouge-nuit | suppression, erreur |
| `succes` | vert | vert-nuit | confirmation |
| `appoint-1` à `appoint-5` | jaune, ciel, menthe, rose, lilas | idem | cases, étiquettes |
| `sur-appoint` | encre | encre | texte posé sur un appoint |
| `donnee-1` à `donnee-6` | vermillon, bleu, ambre, framboise, violet, émeraude | idem | séries d'un graphique, dans cet ordre |
| `teinte-ombre` | jaune | jaune | l'ombre dure de l'objet |

## Thèmes

Le clair est chaud, le nocturne est neutre : un charbon sans teinte (`#131313`), sur lequel le papier du texte, le vermillon et les couleurs d'appoint font tout le travail. Le quadrillage et les filets y sont d'un blanc très léger.

Le **clair** est le défaut de ce qui est public : site, contenus, slides. Le **nocturne** est le défaut des outils de travail où l'on reste longtemps. Une bascule offerte à l'utilisateur est toujours permise. Le thème se pose par `data-theme="nocturne"` sur n'importe quel élément.

## Règles

1. Un seul bouton primaire vermillon par vue.
2. Le `danger` ne sert qu'à ce qui détruit ou échoue : il reste distinct du vermillon, qui invite.
3. Les appoints restent en aplat, sur de petites surfaces : une case, une étiquette, une ombre. Jamais un fond de section, jamais un texte, jamais un bouton.
4. Une étiquette garde sa couleur partout : si « Client » est ciel dans une app, il l'est dans toutes.
5. Deux appoints voisins suffisent ; trois cases allumées font un motif, dix font du bruit.