/* LES JETONS DE L'INSTANCE — couleurs, police, forme, séries : rien d'autre. La structure de ce que le core rend vit dans core/web/style.css, MANAGÉ par doctrine-core : il ne s'édite jamais ici. La mise en forme des cartes LOCALES vit avec elles, dans web/cartes/.css, en jetons (docs/method/methode.md § 6, table des propriétaires, core 0.43.0). Ce fichier est chargé APRÈS la feuille du core, donc il prime ; les feuilles des cartes arrivent après lui. Toute valeur nouvelle se MESURE avant de servir (contraste sur son fond) et se date en commentaire. LA REFONTE DU 16/10/2026 (demandée par le mainteneur : « la couleur en background est laide et n'est pas moderne »). Le fond crème de la charte imprimée (#FAF4EC, `bi/charte.py`, « le fond des supports ») quitte l'écran : le cockpit prend des NEUTRES FROIDS, à peine teintés de l'indigo du logo (teinte ≈ 270°, chroma ≤ 0,013 en OKLCH), des panneaux blancs à filet fin et une ombre douce ; la police Inter, comme le gabarit du core. La charte reste celle des documents (exports, PDF) : l'écart d'écran est écrit dans docs/18-charte-graphique.md. Les couleurs de la marque restent les repères : le bleu signe Accès SAP, le corail la BU, partout. Contrastes WCAG mesurés le 16/10/2026 (encre sur fond) : encre #1B1A36 : 16,8:1 sur le panneau, 15,6:1 sur le fond ; texte secondaire #42445E : 9,5:1 ; gris #646880 : 5,5:1 sur le panneau, 5,1:1 sur le fond, 4,7:1 sur le creux des segments ; accent #3F66B3 : 5,6:1 sur le panneau, 4,9:1 sur son fond teinté, le blanc 5,6:1 sur lui ; états sur le panneau : bon 5,5:1, alerte 5,7:1, mauvais 5,5:1 — et sur leur pastille (12 %) : 4,6:1, 4,8:1, 4,6:1. */ :root { color-scheme: light; /* La police : Inter (chargée par web/index.html, comme le gabarit du core), ses chiffres tabulaires ; la pile système prend le relais hors ligne. La graisse du chiffre héros : celle du gabarit. */ --police: "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; --police-titre: "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --police-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace; --num-poids: 650; /* La forme : des cartes un peu plus rondes que le défaut du core (12 px), les contrôles au rayon du core. */ --radius: 8px; --rayon-carte: 14px; --rayon-flottant: 12px; /* Les surfaces et les encres — des neutres froids, teintés de l'indigo du logo. Le fond se distingue du panneau par l'ombre et le filet (1,08:1 de l'un à l'autre : une surface, pas une ligne). */ --bg: #F5F6FA; --rail-fond: #FFFFFF; --panel: #FFFFFF; --panel2: #F1F3F8; --border: #E3E6EF; --separateur: #ECEEF4; --text: #1B1A36; /* le navy de la charte : titres et petits textes */ --texte-2: #42445E; --muted: #646880; /* La grille des graphiques, plus claire que le filet : une valeur, pas un mélange — core.js la lit (jetons()). */ --grille: #E9EBF2; /* L'accent : le bleu de la marque (#4C72B7), un cran plus profond pour que le texte et le blanc posés dessus passent 4,5:1 partout. */ --accent: #3F66B3; --accent-encre: #FFFFFF; --encre-sur-accent: var(--accent-encre); --accent-fond: #EFF2F9; /* Les états — vert, ambre, rouge : un état se lit à sa couleur ET à son signe ou à son mot (le delta porte toujours +/−). Avant le 16/10/2026, « bon » était le bleu de la marque, comme l'accent : un écart favorable se lisait comme un lien. Leurs fonds : chacun teinté de son encre. */ --good: #22783F; --warn: #9A560F; --bad: #C2333A; --good-fond: #EAF3EC; --warn-fond: #F8F1E9; --bad-fond: #FBEDED; /* La valeur d'une carte servie d'un autre code (core.js, voyant « périmé ») : l'alerte — son badge en texte sur le panneau (5,7:1) et le panneau sur elle (5,7:1). Avant, l'orange de la charte : 2,0:1. */ --perime: var(--warn); /* Les segments (sous-onglets, vues) et les ombres : l'encre de l'instance, diluée — une ombre douce et diffuse pour ce qui est dans le flux, une ombre affirmée pour ce qui le quitte. */ --segment-fond: #ECEEF5; --segment-actif: #FFFFFF; --segment-ombre: 0 1px 2px color-mix(in srgb, var(--ombre-encre) 9%, transparent), 0 0 0 1px color-mix(in srgb, var(--ombre-encre) 5%, transparent); --ombre-carte: 0 1px 2px color-mix(in srgb, var(--ombre-encre) 4%, transparent), 0 6px 16px -8px color-mix(in srgb, var(--ombre-encre) 12%, transparent); --ombre-flottante: 0 4px 10px -4px color-mix(in srgb, var(--ombre-encre) 10%, transparent), 0 20px 44px -14px color-mix(in srgb, var(--ombre-encre) 26%, transparent); --ombre: var(--ombre-carte); /* Les couleurs de la marque — le logo (web/marque/logo.svg) et la charte (bi/charte.py). Le bleu et le corail sont les deux ENTITÉS : Accès SAP en bleu, la BU Entretien de jardin en corail, sur toutes les cartes. Le corail de la charte (#FA9576) ne faisait que 2,2:1 sur le panneau : il prend un cran plus profond (3,1:1, une marque graphique). */ --navy: #1B1A36; /* texte, titres (charte) */ --bleu: #3F66B3; /* Accès SAP — le bleu de la marque, comme l'accent */ --bleu-clair: #8ECCFD; /* secondaire (charte) : les marches « en hausse » du pont */ --corail: #E4734F; /* la BU */ --rose: #DE4491; /* le rose du logo */ --violet: #7A3D90; /* le violet du logo : 7,3:1, il s'écrit aussi */ --jaune: #FEE060; /* le jaune du logo — jamais du texte */ --rouge: #E94444; /* le rouge du logo : les marches en baisse */ --orange: #C38323; /* l'ocre des séries */ /* L'ORDRE DES SÉRIES DE GRAPHES — lu par le châssis (jetons()). Une série garde sa couleur quand une autre disparaît. Validé le 16/10/2026 par le contrôle de palette (OKLab, simulation Machado 2009 du protanope et du deutéranope) sur le panneau blanc : les huit dans la bande de clarté (L 0,43-0,77) et au-dessus du plancher de chroma ; voisines distinctes deux à deux (ΔE ≥ 8,2 en vision simulée, ≥ 21 en vision normale) ; les trois premières distinctes TOUTES deux à deux (nuages, petits multiples) ; chacune ≥ 3:1 sur le panneau. Le violet du logo, qui suivait le corail, se confondait avec le bleu pour un œil deutéranope (ΔE 5,9) : la sarcelle prend la troisième place. */ --serie-1: #3F66B3; /* bleu — Accès SAP */ --serie-2: #E4734F; /* corail — la BU */ --serie-3: #018D87; /* sarcelle */ --serie-4: #7A3D90; /* violet du logo */ --serie-5: #C38323; /* ocre */ --serie-6: #2898C9; /* cyan du logo, un cran plus profond */ --serie-7: #DE4491; /* rose du logo */ --serie-8: #414AA1; /* indigo (le dégradé bleu de la charte) */ } /* L'encre des ombres sous un système en sombre — doctrine-core 0.49.4 la passe à `var(--bg)` dès que le système est en sombre, même pour une instance claire seulement : les ombres des cartes prendraient la couleur du fond. Digisap reste claire : l'encre reste celle du texte, comme en clair (le défaut du core). Ce bloc ne vise PAS `[data-theme="dark"]` : il ne réveille pas le sélecteur d'apparence (core.js, `apparenceSupportee`). */ @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --ombre-encre: var(--text); } } /* Les teintes des cartes de pilotage (web/cartes/pilotage.css, unipros.css) et l'encre « en cours » de la roadmap (web/cartes/style.css), DÉRIVÉES des deux entités le 16/10/2026 (bleu ou corail mêlé au blanc). Contrastes mesurés (texte sur son fond) : bleu-encre sur bleu-pale 6,8:1 · corail-encre sur corail-pale 6,0:1 · vigilance-encre sur vigilance-fond 6,7:1, sur le panneau 7,5:1 · corail-fonce sur le fond « en cours » (corail 18 % sur le panneau) 4,7:1, sur la pastille (14 %) 4,9:1 — il passe enfin 4,5:1 (4,29:1 avant). */ :root { --corail-fonce: #A64C29; /* filet de l'entité BU, encre « en cours » (badge, pastille) */ --bleu-pale: #F1F4F9; /* pastille Accès SAP : fond */ --bleu-filet: #C9D5E9; /* pastille Accès SAP : filet */ --bleu-encre: #34548F; /* pastille Accès SAP : texte */ --corail-pale: #FDF2EF; /* pastille BU : fond */ --corail-filet: #F6CEC1; /* pastille BU : filet */ --corail-encre: #9A4224; /* pastille BU : texte */ --bleu-hachure: #DFE6F2; /* marche variable du pont de marge */ --rouge-hachure: #FBDADA; /* marche variable négative */ --vigilance-fond: #F8F2EC; /* encart d'alerte, statut « à trancher » */ --vigilance-filet: #E3CDB7; --vigilance-encre: #7A4A12; --non-trace-trait: #C5CAD6; /* origine non tracée (hachure) */ --non-trace-fond: #ECEEF4; }