/* Généré par scripts/sync.mjs depuis design-system/tokens.json. Ne pas éditer à la main. */
/* Design system VAIATA, version 1.1.0, révision 2026-07-28. */
/* MODE SOMBRE DÉSACTIVÉ (décision Colomban, 28/07/2026). Ce fichier n'émet que les valeurs
   claires et aucune règle @media prefers-color-scheme : le socle est injecté dans des espaces
   qui portent leur propre thème, et ses surfaces sombres écrasaient les leurs par spécificité,
   produisant du texte sombre sur fond sombre. Voir le bloc "theme" de tokens.json. */

:root {
  color-scheme: light;
  --navy: #1A1A2E;
  --rouge-signal: #E03C31;
  --espace-xxxs: 2px;
  --espace-xxs: 3px;
  --espace-xs: 5px;
  --espace-s: 8px;
  --espace-m: 13px;
  --espace-l: 21px;
  --espace-xl: 34px;
  --espace-xxl: 55px;

  /* Superposition, sept degrés, du fond au voile. Voir tokens.json, section plans. */
  --plan-contenu: 0;
  --plan-releve: 10;
  --plan-fixe: 20;
  --plan-surnage: 30;
  --plan-voile: 40;
  --plan-flottant: 50;
  --plan-au-dessus-de-tout: 60;
  --carbone-rayon-petit: 3px;
  --carbone-rayon-moyen: 4px;
  --carbone-police-donnee: monospace;
  --courant-rayon-petit: 9px;
  --courant-rayon-moyen: 12px;
  --courant-police-donnee: system;
  --ombre-posee: 0 1px 3px rgb(20 21 31 / .12);
  --ombre-levee: 0 8px 24px rgb(20 21 31 / .14);
  --ombre-flottante: 0 18px 50px rgb(20 21 31 / .28);
  --police-interface: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;
  --police-donnee: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace;
  --police-titre-com: "Darker Grotesque", "Segoe UI", sans-serif;
  --police-com-corps: "Libre Franklin", "Segoe UI", system-ui, sans-serif;
  --police-com-donnee: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --marque-hauteur: 40px;
  --controle-hauteur: 40px;
  --texte-mention: 11px;
  --texte-legende: 12px;
  --texte-interface: 13px;
  --texte-corps: 14px;
  --texte-titre: 16px;
  --texte-affiche: 28px;

  /* Trois graisses, et pas huit. Arbitrage de Colomban du 04/09/2026 : le parc en portait huit
     pour 235 usages, dont un 650 sur six feuilles. Le pourquoi vit dans tokens.json, $graisses. */
  --graisse-courante: 400;
  --graisse-appuyee: 600;
  --graisse-forte: 700;
  --controle-hauteur-compacte: 32px;
  --controle-hauteur-ample: 48px;
  --action-flottante: 56px;

  /* Accent produit. Chaque page de produit ou d'espace redéfinit --accent et --accent-doux. */
  --accent: var(--produit-operation);
}

/* Thème clair, et lui seul. Aucune règle @media prefers-color-scheme : voir l'entête. */
:root {
  --fond: #F7F8FA;
  --surface: #FFFFFF;
  --surface-haute: #FFFFFF;
  --bordure: #E2E5EC;
  --bordure-forte: #C9CBD6;
  --texte: #14151F;
  --texte-attenue: #5A6072;
/* L'ENCRE DE L'ACCENT. Une couleur de fond n'est pas une couleur de texte : mesure du
   27/08/2026, le rouge de marque rend 4,07 pour 1 en texte sur la surface, sous le seuil AA,
   et 5,35 assombri de 15 %. Une charte a surfaces sombres pose au contraire une encre claire ;
   c'est elle qui sait de quel cote aller, le socle ne peut pas le deviner. */
  --accent-encre: color-mix(in srgb, var(--accent) 85%, #000);
  --succes: #1A7D45;
  --danger: #C62828;
  --alerte: #9A6700;
  --information: #34495E;
  --produit-operation: #E03C31;
  --produit-operation-plein: #DA3B30;
  --produit-intelligence: #1A5276;
  --produit-cyber: #27AE60;
  --produit-cyber-plein: #1E874A;
  --produit-compas: #34408C;
  --produit-sextant: #A3335F;
  --produit-ticket: #3E7CB8;
  --produit-ticket-plein: #3D7AB5;
  --produit-relation: #0E7C86;
  --produit-yield: #B97E12;
  --produit-yield-plein: #9F6C0F;
  --produit-site-web: #4A5568;
  --produit-network: #6B4E9E;
  --produit-bunker-check: #55731A;
  --produit-vaiata-id: #267360;
  --produit-sign: #884320;
  --produit-facturation: #65297A;
  --produit-quart: #8E6586;
  --produit-vigie: #0854F4;
  --produit-pretoire: #544C34;

  /* Maturité d'un espace. Dérivée du bloc "maturites" de tokens.json, jamais recopiée. */
  --maturite-idee: #5A6072;
  --maturite-conception: #3E7CB8;
  --maturite-conception-plein: #3D7AB5;
  --maturite-preprod: #9A6700;
  --maturite-production: #1E8E4E;
  --maturite-production-plein: #1D874A;
}