/* Socle couleurs. Tokens seulement. Ne pas renommer.
   Famille d'accent : sapin (froid), une teinte, CTA seul (~10 %).
   Claire = blanc / gris froids, defaut first-class. Sombre = charbon froid.
   Casse la signature creme + terracotta (deuce.works). Pas un costume
   agence IA (sombre + violet). Interdit : #c9a36b et or luxury,
   degrade violet-bleu, mesh, orbes, grain.
   Ratios WCAG 2.x (relative luminance), arrondis a 1 decimale. */

:root,
html[data-theme="clair"] {
  color-scheme: light;

  /* #f4f5f7 papier froid. fg/bg 16,6 */
  --bg: #f4f5f7;
  /* #ffffff carte / header. fg/bg-elev 18,1 */
  --bg-elev: #ffffff;
  /* #e4e6ea bande, puits. fg/bg-mute 14,5 */
  --bg-mute: #e4e6ea;
  /* #14161a encre froide. */
  --fg: #14161a;
  /* #4a5058 meta. fg-mute/bg 7,5 */
  --fg-mute: #4a5058;
  /* #7a8088 hint. fg-faint/bg 3,7 : grand titre seulement */
  --fg-faint: #7a8088;
  /* #cdd1d6 filet */
  --line: #cdd1d6;
  /* #0b5f4b CTA unique, sapin. Accent-fg/accent 7,4 */
  --accent: #0b5f4b;
  /* #f3fff9 texte du CTA */
  --accent-fg: #f3fff9;
  /* #1b6b48 succes. ok/bg 5,9 */
  --ok: #1b6b48;
  /* #9a4a12 alerte terre, pas or. warn/bg 5,7 */
  --warn: #9a4a12;
  /* #b42318 erreur. danger/bg 6,0 */
  --danger: #b42318;
  /* Voile sous HTML pose sur canvas 3D. 90 % du papier, assez pour AA. */
  --veil: rgba(244, 245, 247, 0.90);
}

html[data-theme="sombre"] {
  color-scheme: dark;

  /* #12141a charbon froid, pas beige. fg/bg 15,3 */
  --bg: #12141a;
  /* #1c1f27 carte / header. fg/bg-elev 13,7 */
  --bg-elev: #1c1f27;
  /* #0b0d11 puits. fg/bg-mute 16,2 */
  --bg-mute: #0b0d11;
  /* #e8eaef texte froid. */
  --fg: #e8eaef;
  /* #a8aeb8 meta. fg-mute/bg 8,3 */
  --fg-mute: #a8aeb8;
  /* #7a808c hint. fg-faint/bg 4,6 : hints, pas le corps */
  --fg-faint: #7a808c;
  /* #2c313a filet */
  --line: #2c313a;
  /* #3ddbb0 CTA remonte, meme sapin, pas un invert. Accent-fg/accent 9,5 */
  --accent: #3ddbb0;
  /* #06231c encre sur le bouton */
  --accent-fg: #06231c;
  /* #6fbf88 succes. ok/bg 8,3 */
  --ok: #6fbf88;
  /* #d4783a ambre terre, loin de #d4af37. warn/bg 5,7 */
  --warn: #d4783a;
  /* #e07070 erreur. danger/bg 5,9 */
  --danger: #e07070;
  /* Voile : 90 % du charbon froid, pas un ecran noir. */
  --veil: rgba(18, 20, 26, 0.90);
}

/* Plaque sous le copy. Degrade unique : transparent vers --veil, jamais violet-bleu. */
.u-veil {
  background-color: var(--veil);
  background-image: linear-gradient(180deg, transparent 0%, var(--veil) 42%, var(--veil) 100%);
}