/* =====================================================================
   CANA — charte 2a, arrêtée le 11 août 2026.
   Planche « 2a · La scène complète, assainie » du projet Claude Design
   « Logo et icône pour CANA » (d8200e35-8850-42b0-bd2f-0b67b7104826).

   Ce fichier est chargé APRÈS cana.css et ne fait qu'une chose : redéfinir
   les variables de couleur. Aucune règle de mise en page n'est touchée.

   Pourquoi ainsi plutôt qu'en modifiant cana.css : cana.css est EXTRAITE de
   la maquette validée par `npm run charte`, et la règle 3 du README interdit
   de la retoucher à la main — une régénération effacerait le travail. Les
   couleurs de la charte 2a vivent donc à côté, et survivent à l'extraction.

   Les noms de variables sont ceux de cana.css et ne peuvent pas changer :
   `--violet` désigne désormais le vert de la charte 2a. Le nom ment, la
   valeur fait foi. Le renommer imposerait de reprendre les vingt gabarits
   qui l'utilisent, sans rien apporter.
   ===================================================================== */

/* Ce fichier ne reprend QUE les couleurs que la planche 2a fixe explicitement,
   sous son titre « Ce qui est conservé » :
       bleu DDEC #0F3A6B · eau #1B9CC4 · verts #5FA845 / #7EC148
       or #F2A81D · orange #E96C29
   Tout le reste — violet, rouge, gris, fond, trait, texte, sourdine — reste
   celui de cana.css, extrait de la maquette validée. Ce n'est pas un oubli :
   la planche ne se prononce pas dessus, donc rien n'autorise à y toucher.

   **Arbitrage de Raphaël, 11/08/2026** : sur le bleu et le violet, on reste sur
   la maquette initiale. Les trois écarts que j'avais introduits sont donc
   supprimés — `--violet` revient au violet #711D72, `--bleu-f` au #1E3A76 et
   `--bleu-pale` au #E6EBF6 de cana.css. Ce fichier ne touche plus qu'aux
   quatre couleurs que la planche nomme sans ambiguïté.

   Conséquence assumée : la barre latérale du pilotage (`--bleu-f`) est un peu
   plus claire que le bleu des titres, l'ancien bleu de la maquette étant plus
   clair que le bleu DDEC. C'était le prix de la décision, il est connu. */

:root{
  --bleu:#0F3A6B;          /* bleu DDEC */
  --turquoise:#1B9CC4;     /* l'eau */
  --jaune:#F2A81D;         /* l'or du soleil */
  --orange:#E96C29;
}

/* Couleurs de la charte sans équivalent dans cana.css, utilisées par le
   logo et la signature. */
:root{
  --vert-clair:#7EC148;
  --eau-claire:#7FD3EC;
  --tronc:#96603C;
}

/* ------------------------------------------- verrouillage sur fond bleu
   Pastille blanche circulaire, « CANA » en blanc, surtitre en bleu clair.
   Repris de la planche 2a, bloc « sur fond bleu ». */
.marque-bleue{display:flex;align-items:center;gap:12px;text-decoration:none}
.marque-bleue .pastille{flex:none;border-radius:50%;background:#fff;
  padding:6px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}
.marque-bleue .pastille img{width:100%;height:100%;display:block}
.marque-bleue .txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.marque-bleue .nom{font-weight:900;color:#fff;line-height:1;letter-spacing:.02em}
.marque-bleue .sous{font-size:10.5px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:#8FD3EC;white-space:nowrap}
/* La seconde ligne du verrouillage bleu : l'emetteur, sous les trois mots.
   Posee le 12/08/2026 — le bloc dit d'abord ce que CANA veut dire.
   Plus petite et plus sourde que la premiere : elle suit, elle ne concurrence
   pas. 
owrap comme sa voisine, pour que le verrouillage reste un bloc. */
.marque-bleue .sous-e{font-size:9px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:#7FA8D8;white-space:nowrap;margin-top:1px}

/* --------------------------------------------------- signature du logo
   « CANA » suivi du filet en dégradé et des trois mots, exactement comme
   la planche 2a. */
.marque-claire{display:flex;align-items:center;gap:22px}
.marque-claire .symbole{width:120px;height:100px;flex:none}
@media(max-width:640px){
  .marque-claire{gap:14px}
  .marque-claire .symbole{width:76px;height:64px}
}
.sig2a{display:flex;flex-direction:column;gap:5px}
.sig2a .mot{font-size:54px;font-weight:900;letter-spacing:.02em;
  color:var(--bleu);line-height:.95}
.sig2a .filet{height:4px;border-radius:2px;
  background:linear-gradient(90deg,#1B9CC4,#5FA845 55%,#F2A81D)}
.sig2a .trois{display:flex;gap:7px;font-size:11px;font-weight:900;
  letter-spacing:.06em;text-transform:uppercase}
.sig2a .c1{color:#1B9CC4}.sig2a .c2{color:#5FA845}.sig2a .c3{color:#E96C29}
.sig2a .bas{font-size:13px;color:#4E5966}
.sig2a .bas b{color:var(--bleu)}
@media(max-width:640px){.sig2a .mot{font-size:38px}}