/* TRACE — jetons.css
   Toutes les variables de l'identité visuelle, et rien d'autre.
   C'est le seul fichier où une couleur, une taille ou une police s'écrit en dur :
   les gabarits et les autres feuilles ne lisent que var(--…).
   Passe 2 bis : la direction retenue le 2026-09-27 (D-TRACE-APPARENCE-DIRECTION-RETENUE) — menu marine
   nuit, fond gris-bleu clair, blocs en cartes blanches, Aptos, lignes de 40 px, le rouge une fois par
   bloc, mode sombre en option (data-theme="dark", posé par le réglage de l'utilisateur). Les noms des
   jetons sont ceux de la v2 : seules les valeurs changent. Proposition A27, à remplacer quand la charte
   Solarma arrivera, sans toucher aux gabarits. */

:root {
  /* ---------- Typographie ---------- */
  --police: Aptos, "Aptos Display", "Segoe UI Variable", "Segoe UI",
            system-ui, -apple-system, "Helvetica Neue", sans-serif;
  --police-titre: "Aptos Display", Aptos, "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, sans-serif;
  --police-chiffres: Aptos, "Segoe UI Variable", ui-monospace, "SF Mono", Consolas, monospace;

  --taille-texte: 14px;            /* corps de texte */
  --taille-secondaire: 13px;       /* libellés secondaires */
  --taille-petite: 12px;           /* repères de carte, notes */
  --taille-titre-section: 15px;    /* titres de section, en gras */
  --taille-titre-page: 20px;       /* titre d'écran */
  --taille-chiffre-tuile: 26px;    /* compteur d'une tuile de synthèse, d'un panneau de l'accueil */
  --taille-salut: 26px;            /* le « Bonjour » de l'accueil */
  --taille-marque: 18px;           /* le mot TRACE dans la barre */
  --taille-icone: 20px;            /* grille des icônes */
  --trait-icone: 1.5px;

  --graisse-normale: 400;
  --graisse-moyenne: 500;
  --graisse-grasse: 600;
  --interligne: 1.4;
  --interligne-serre: 1.2;

  /* ---------- Surfaces — neutres teintés vers le bleu ---------- */
  --fond:            #eef1f6;
  --surface:         #ffffff;
  --surface-2:       #f6f8fb;
  --surface-3:       #edf0f5;
  --bordure:         #e4e8ef;
  --bordure-forte:   #cbd3df;

  /* ---------- Texte ---------- */
  --texte:           #0f1b34;
  --texte-doux:      #45526b;
  --texte-faible:    #5f6b80;
  --texte-inverse:   #ffffff;

  /* ---------- Accent — le bleu de travail, et la marque ---------- */
  --accent:          #1f5fa3;
  --accent-fonce:    #002060;
  --accent-clair:    #eaf0f9;
  --marque-soleil:   #f4a100;

  /* ---------- Menu latéral — marine nuit ---------- */
  --nav-fond:        #0b1733;
  --nav-texte:       #d4dcea;
  --nav-texte-doux:  #8a99b8;
  --nav-actif:       rgba(255,255,255,.08);
  --nav-filet:       rgba(255,255,255,.08);
  --nav-compteur:    rgba(255,255,255,.10);

  /* ---------- États sémantiques — le rouge est rare : P1, retard, promesse dépassée, date absente ---------- */
  --alerte:          #b42318;   --alerte-fond:    #fdecea;   --alerte-filet: #f2b8b1;
  --attention:       #8f5200;   --attention-fond: #fef3e2;   --attention-vif: #d98200;
  --ok:              #22734a;   --ok-fond:        #e6f3eb;
  --neutre:          #52617b;   --neutre-fond:    #edf0f5;
  --info:            #3f47a8;   --info-fond:      #eef0fc;   /* distinct de l'accent : « nouveau » ne se confond pas avec « en cours » */
  --surveiller:      #1f666c;   --surveiller-fond: #e3f3f4;  /* résolution partielle : à surveiller */

  /* ---------- Les trois panneaux de l'accueil : ce qu'on attend de vous ---------- */
  --decider:         #c42b1c;   --decider-fond:   #fdeeec;
  --relancer:        #a45a00;   --relancer-fond:  #fff4e3;
  --examiner:        #3f47a8;   --examiner-fond:  #eef0fc;

  /* ---------- Mesure ---------- */
  --pas:             4px;       /* toute marge est un multiple de 4 */
  --pas-2:           8px;
  --pas-3:           12px;
  --pas-4:           16px;
  --pas-6:           24px;
  --pas-8:           32px;
  --pas-10:          40px;
  --rayon:           8px;
  --rayon-carte:     12px;
  --rayon-petit:     5px;
  --rayon-pastille:  999px;
  --ombre:           0 1px 2px rgba(15,27,52,.06), 0 1px 1px rgba(15,27,52,.04);
  --ombre-carte:     0 1px 2px rgba(15,27,52,.05), 0 10px 24px -18px rgba(15,27,52,.45);
  --ombre-panneau:   0 8px 24px rgba(15,27,52,.12), 0 2px 6px rgba(15,27,52,.08);
  --focus:           0 0 0 3px rgba(46,116,181,.40);
  --transition:      120ms ease;

  /* ---------- Densité et mise en page ---------- */
  --hauteur-ligne: 40px;           /* ligne de tableau : 40, pas 64 */
  --hauteur-entete: 56px;
  --hauteur-champ: 32px;
  --largeur-contenu: 1440px;
  --largeur-barre: 240px;
  --largeur-barre-repliee: 56px;
  --largeur-panneau: 360px;
  --gouttiere: 16px;
  --lignes-visibles: 25;           /* une liste montre 25 lignes sans faire défiler l'en-tête */

  /* ---------- Le terrain, dans WhatsApp ---------- */
  --telephone-largeur: 390px;
  --telephone-hauteur: 844px;
  --telephone-rayon: 36px;
  --bulle-entrante: #ffffff;
  --bulle-sortante: #eaf0f9;
  --bulle-fond: #edf0f5;
  --bulle-rayon: 12px;
  --photo-cadre: #e4e8ef;

  /* ---------- Carte — situation SAV, du plus grave au moins grave (proposition, marquée au sommaire) ---------- */
  --carte-urgence:            #b3261e;
  --carte-monitoring-muet:    #6b3fa0;
  --carte-ticket-ouvert:      #d9730d;
  --carte-preventif-echu:     #1f5f8b;
  --carte-inconnu:            #8c98a5;
  --carte-rien-a-signaler:    #7fb08f;

  /* Critères par catégories — palette d'Okabe et Ito, lisible par les daltoniens */
  --carte-cat-1: #0072b2;  --carte-cat-2: #e69f00;  --carte-cat-3: #009e73;
  --carte-cat-4: #cc79a7;  --carte-cat-5: #56b4e9;  --carte-cat-6: #db6410;
  --carte-cat-7: #b8a300;  --carte-cat-8: #5a6876;  --carte-autres: #c3cad3;

  /* Ancienneté : une seule teinte, plus foncée avec l'âge */
  --carte-age-1: #cfe0ec;  --carte-age-2: #9fc1d9;  --carte-age-3: #5f98bf;
  --carte-age-4: #2f6f9c;  --carte-age-5: #164965;

  /* Dernière visite : de la plus récente à jamais */
  --carte-visite-1: #1d6f42;  --carte-visite-2: #b8a300;
  --carte-visite-3: #d9730d;  --carte-visite-4: #b3261e;

  /* Classes sémantiques des autres critères (couverture, à traiter) : les états du produit, sur la carte */
  --carte-ok: #1d6f42;  --carte-attention: #a15c00;  --carte-alerte: #b3261e;

  /* Fond de carte */
  --carte-mer: #ffffff;  --carte-terre: #e8edf4;  --carte-cote: #c3cad3;  --carte-repere: #8c98a5;
  --carte-lisere: #ffffff;
  --carte-selection: #0f1b34;      /* le liseré du point sélectionné, ou mis en avant */
  --carte-nombre: #ffffff;         /* le nombre d'un point, sur sa couleur */
  --carte-nombre-halo: rgba(11,18,32,.60);   /* son halo : lisible sur toutes les couleurs de critère */
  --carte-nombre-sombre: #0f1b34;  /* sur une couleur claire */
  --carte-nombre-halo-clair: rgba(255,255,255,.65);
  --carte-rayon: 6px;              /* rayon nominal d'un point ; le contexte le donne en unités par vue */
  --carte-facteur-rang-1: 1.4;     /* rangs 1 et 2 : 1,4 fois plus gros */
  --carte-facteur-rang-3: 1.15;    /* rangs 3 et 4 */
  --carte-hauteur-ile: 720px;      /* l'île entière, à la taille de rendu nominale (0,52 px par unité) */
  --carte-largeur-tana: 640px;     /* la vue de Tana, carrée, au plus */
  --carte-estompe: .22;            /* opacité des sites hors du client mis en avant */

  /* Frise et fiche */
  --frise-trait: #e4e8ef;
  --qr-cadre: #e4e8ef;
  --qr-taille: 128px;
}


/* ---------- REFONTE DE FORME (03/10/2026) — une couleur porte un sens : geste (rouge), relance (ambre), info (bleu),
   ok (vert, ce qui est fait), calme (gris). Les surfaces restent neutres ; l'action principale est le bleu nuit. ---------- */
:root {
  --rf-fond: #f2f4f8;
  --rf-action: #13254d;          --rf-action-survol: #1d3a78;
  --rf-geste: #b42318;           --rf-geste-vif: #d92d20;         --rf-geste-fond: #fef1ef;   --rf-geste-filet: #f6c8c1;
  --rf-relance: #9a5300;         --rf-relance-vif: #e89a1c;       --rf-relance-fond: #fff5e6; --rf-relance-filet: #f3d3a2;
  --rf-relance-nav: rgba(232, 154, 28, 0.22); --rf-relance-nav-texte: #ffc266;
  --rf-info: #1f63a8;            --rf-info-texte: #174d84;
  --rf-ok: #1d6b42;              --rf-ok-vif: #2e9d62;            --rf-ok-fond: #e8f5ed;      --rf-ok-filet: #bfe3cc;
  --rf-bulle: #0f1b34;           --rf-bulle-texte: #ffffff;
  --rf-sur-geste: #ffffff;
  --rf-fondu: rgba(255, 255, 255, 0);
  --rf-voile: rgba(11, 23, 51, 0.45);   /* le fond assombri derrière un tiroir */    /* le bout fondu des onglets qui défilent (masque) */
}

/* ---------- Mode sombre — en option : le réglage de l'utilisateur pose data-theme="dark" sur <html>.
   Il ne suit pas le système de lui-même : la décision le veut « en option » (proposition A27). ---------- */
:root[data-theme="dark"] {
  color-scheme: dark;
  --fond: #0b1220;  --surface: #0f1829;  --surface-2: #141f34;  --surface-3: #1a263e;
  --bordure: #22304a;  --bordure-forte: #33425f;
  --texte: #e8edf6;  --texte-doux: #b0bbce;  --texte-faible: #8a96ac;  --texte-inverse: #0b1220;
  --accent: #8dbaf0;  --accent-fonce: #a9c1ee;  --accent-clair: #17294a;
  --nav-fond: #070e1c;  --nav-texte: #c9d4e8;  --nav-texte-doux: #7d8dab;
  --alerte: #ff8b7e;  --alerte-fond: #3a1716;  --alerte-filet: #6b2a25;
  --attention: #f2b35b;  --attention-fond: #33240c;  --attention-vif: #e59a2f;
  --ok: #7fd3a0;  --ok-fond: #11301f;
  --neutre: #a9b5ca;  --neutre-fond: #1b2538;
  --info: #b9bdff;  --info-fond: #1e2147;
  --surveiller: #7fd8de;  --surveiller-fond: #123236;
  --decider: #ff8a7f;  --decider-fond: #3a1716;  --relancer: #ffc768;  --relancer-fond: #33240c;
  --examiner: #b9bdff;  --examiner-fond: #1e2147;
  --ombre: 0 1px 2px rgba(0,0,0,.4);
  --ombre-carte: 0 1px 2px rgba(0,0,0,.4), 0 10px 24px -18px rgba(0,0,0,.7);
  --ombre-panneau: 0 10px 30px rgba(0,0,0,.5);
  --focus: 0 0 0 3px rgba(127,176,230,.45);
  --bulle-entrante: #141f34;  --bulle-sortante: #17294a;  --bulle-fond: #0f1829;  --photo-cadre: #22304a;
  --carte-mer: #0f1829;  --carte-terre: #1a263e;  --carte-cote: #33425f;  --carte-repere: #8a96ac;
  --carte-lisere: #0f1829;  --carte-selection: #e8edf6;  --carte-autres: #8a96ac;
  --frise-trait: #22304a;  --qr-cadre: #22304a;
}


:root[data-theme="dark"] {
  --rf-fond: #0b1220;
  --rf-action: #8dbaf0;          --rf-action-survol: #a9c9f3;
  --rf-sur-geste: #ffffff;
  --rf-geste: #ff8b7e;           --rf-geste-vif: #c4302b;         --rf-geste-fond: #3a1716;   --rf-geste-filet: #6b2a25;
  --rf-relance: #f2b35b;         --rf-relance-vif: #e59a2f;       --rf-relance-fond: #33240c; --rf-relance-filet: #5a4214;
  --rf-info: #8dbaf0;            --rf-info-texte: #a9c9f3;
  --rf-ok: #7fd3a0;              --rf-ok-vif: #2e9d62;            --rf-ok-fond: #11301f;      --rf-ok-filet: #1f5236;
  --rf-bulle: #e8edf6;           --rf-bulle-texte: #0b1220;
}

/* les écrans de la maquette restent clairs en thème sombre (.bd-main.sd) : l'action de la refonte y reste bleu nuit */
:root[data-theme="dark"] .bd-main.sd { --rf-action: #13254d; --rf-action-survol: #1d3a78; --rf-info-texte: #174d84; }

/* >>> maquette : début (généré, ne pas éditer) */
/* ---------- Jetons de la variante « Retenu C » (styles-autonome.html, 27/09/2026), portés par porter_c.py ---------- */
.app-conteneur { --pl-police: "Aptos","Segoe UI Variable Text","Segoe UI",Roboto,system-ui,sans-serif; --pl-titre: "Aptos Display","Aptos","Segoe UI",Roboto,system-ui,sans-serif; --pl-mono: "Aptos Mono","Cascadia Mono",Consolas,"Roboto Mono",ui-monospace,monospace; --pf: #e9edf3; --ps: #fff; --pe: #0f1b34; --pe2: #4a5770; --pe3: #6b7890; --pb: #2e74b5; color-scheme: light; }
.app-conteneur { --mqc-01: rgba(196, 43, 28, 0.55); --mqc-02: rgba(196, 43, 28, 0); --mqc-03: rgb(242, 184, 177); --mqc-04: rgb(196, 43, 28); --mqc-05: rgb(255, 255, 255); --mqc-06: rgb(217, 130, 0); --mqc-07: rgb(143, 82, 0); --mqc-08: rgb(203, 211, 223); --mqc-09: rgb(74, 87, 112); --mqc-10: rgb(123, 135, 156); --mqc-11: #0b1733; --mqc-12: #13254d; --mqc-13: #f4a100; --mqc-14: #0f1b34; --mqc-15: #44506a; --mqc-16: #667389; --mqc-17: #eef1f6; --mqc-18: #c42b1c; --mqc-19: #fdecea; --mqc-20: #fdeeec; --mqc-21: #f3c4bd; --mqc-22: #a45a00; --mqc-23: #e89a1c; --mqc-24: #fff4e3; --mqc-25: #f3d3a2; --mqc-26: #3f47a8; --mqc-27: #5b63c9; --mqc-28: #eef0fc; --mqc-29: #cdd1f3; --mqc-30: #8c97ab; --mqc-31: #2e74b5; --mqc-32: #5b6b86; --mqc-33: #2f7f86; --mqc-34: #091230; --mqc-35: rgb(179, 192, 216); --mqc-36: rgba(244, 161, 0, 0.55); --mqc-37: rgb(127, 143, 176); --mqc-38: rgb(111, 128, 163); --mqc-39: rgba(255, 255, 255, 0.06); --mqc-40: rgba(244, 161, 0, 0.18); --mqc-41: rgba(244, 161, 0, 0.04); --mqc-42: rgb(143, 160, 194); --mqc-43: rgba(232, 154, 28, 0.2); --mqc-44: rgb(255, 194, 102); --mqc-45: rgba(91, 99, 201, 0.3); --mqc-46: rgb(197, 201, 255); --mqc-47: rgb(221, 229, 243); --mqc-48: rgba(255, 255, 255, 0.08); --mqc-49: #1d3a78; --mqc-50: rgba(244,161,0,.2); --mqc-51: transparent; --mqc-52: rgb(214, 224, 243); --mqc-53: rgb(169, 199, 180); --mqc-54: rgba(80, 190, 120, 0.12); --mqc-55: rgba(80, 190, 120, 0.25); --mqc-56: rgb(111, 211, 154); --mqc-57: rgb(223, 245, 232); --mqc-58: rgba(255, 255, 255, 0.07); --mqc-59: rgba(255, 255, 255, 0.12); --mqc-60: rgb(230, 236, 247); --mqc-61: rgb(159, 176, 207); --mqc-62: rgb(163, 174, 194); --mqc-63: rgb(79, 155, 230); --mqc-64: rgb(127, 141, 166); --mqc-65: rgb(167, 178, 198); --mqc-66: rgb(63, 176, 184); --mqc-67: rgb(195, 207, 228); --mqc-68: rgba(15, 27, 52, 0.05); --mqc-69: rgba(15, 27, 52, 0.35); --mqc-70: rgb(230, 234, 240); --mqc-71: rgb(250, 251, 253); --mqc-72: #fff; --mqc-73: rgb(238, 240, 244); --mqc-74: rgb(246, 248, 252); --mqc-75: rgb(198, 206, 219); --mqc-76: rgb(227, 231, 238); --mqc-77: rgb(77, 88, 112); --mqc-78: rgb(230, 240, 250); --mqc-79: rgb(31, 93, 151); --mqc-80: rgb(233, 236, 242); --mqc-81: rgb(63, 77, 102); --mqc-82: rgb(213, 219, 229); --mqc-83: rgb(241, 245, 251); --mqc-84: rgb(226, 231, 239); --mqc-85: rgba(15, 27, 52, 0.12); --mqc-86: rgb(227, 232, 239); --mqc-87: rgb(255, 252, 246); --mqc-88: rgb(247, 240, 227); --mqc-89: rgb(234, 223, 203); --mqc-90: rgb(232, 244, 236); --mqc-91: rgb(200, 224, 208); --mqc-92: rgb(47, 107, 79); --mqc-93: rgb(29, 77, 55); --mqc-94: rgb(225, 230, 238); --mqc-95: rgba(15, 27, 52, 0.3); --mqc-96: rgb(154, 166, 184); --mqc-97: rgb(46, 116, 181); --mqc-98: rgb(91, 107, 134); --mqc-99: rgb(141, 154, 176); --mqc-100: rgb(47, 127, 134); --mqc-101: rgb(233, 238, 246); --mqc-102: rgb(239, 227, 207); --mqc-103: rgb(201, 180, 143); --mqc-104: rgb(0, 32, 96); --mqc-105: #f6f2ea; --mqc-106: rgba(255, 255, 255, 0.1); --mqc-107: rgba(255, 255, 255, 0.2); --mqc-108: rgb(185, 199, 226); --mqc-109: rgba(244, 161, 0, 0.6); --mqc-110: rgb(244, 161, 0); --mqc-111: rgba(0, 0, 0, 0.25); --mqc-112: rgb(27, 19, 0); --mqc-113: rgba(255, 255, 255, 0.14); --mqc-114: rgba(15, 27, 52, 0.4); --mqc-115: rgb(15, 107, 92); --mqc-116: rgb(164, 90, 0); --mqc-117: rgb(236, 239, 244); --mqc-118: rgb(232, 243, 239); --mqc-119: rgba(15, 27, 52, 0.45); --mqc-120: rgb(232, 236, 242); --mqc-121: rgba(15, 27, 52, 0.04); --mqc-122: rgb(224, 138, 0); --mqc-123: rgb(221, 229, 242); }
/* Les teintes des personnes (maquette : une par membre, jamais porteuses de sens) et deux couleurs d'état absentes de la variante */
.app-conteneur { --mqp-0: #5f6b80; --mqp-1: #1d4e89; --mqp-2: #0f6b5c; --mqp-3: #6b7890; --mqp-4: #8a4b00; --mqp-5: #6b3fa0; --mqp-6: #9c2f55; --mqp-7: #2f5d8a; --mqp-8: #444c5c;
  --mqp-texte: #ffffff; --mq-surveiller: #1f666c; --mq-surveiller-fond: #e3f3f4; --mq-logo: #002060; --largeur-barre: 228px; }
/* L'accueil et la file suivent la variante validée, dessinée en clair seulement : en thème sombre, elles gardent les
   jetons clairs du prototype (le sombre de ces écrans reste à dessiner). */
:root[data-theme="dark"] .bd-main.sd { color-scheme: light; --surface: #ffffff; --surface-2: #f6f8fb; --surface-3: #edf0f5; --bordure: #e4e8ef; --bordure-forte: #cbd3df; --texte: #0f1b34; --texte-doux: #45526b; --texte-faible: #5f6b80; --texte-inverse: #ffffff; --accent: #1f5fa3; --accent-fonce: #002060; --accent-clair: #eaf0f9; --nav-fond: #0b1733; --nav-texte: #d4dcea; --nav-texte-doux: #8a99b8; --alerte: #b42318; --alerte-fond: #fdecea; --alerte-filet: #f2b8b1; --attention: #8f5200; --attention-fond: #fef3e2; --attention-vif: #d98200; --ok: #22734a; --ok-fond: #e6f3eb; --neutre: #52617b; --neutre-fond: #edf0f5; --info: #3f47a8; --info-fond: #eef0fc; --surveiller: #1f666c; --surveiller-fond: #e3f3f4; --decider: #c42b1c; --decider-fond: #fdeeec; --relancer: #a45a00; --relancer-fond: #fff4e3; --examiner: #3f47a8; --examiner-fond: #eef0fc; --ombre: 0 1px 2px rgba(15,27,52,.06), 0 1px 1px rgba(15,27,52,.04); --ombre-carte: 0 1px 2px rgba(15,27,52,.05), 0 10px 24px -18px rgba(15,27,52,.45); --ombre-panneau: 0 8px 24px rgba(15,27,52,.12), 0 2px 6px rgba(15,27,52,.08); --focus: 0 0 0 3px rgba(46,116,181,.40); --bulle-entrante: #ffffff; --bulle-sortante: #eaf0f9; --bulle-fond: #edf0f5; --photo-cadre: #e4e8ef; --carte-mer: #ffffff; --carte-terre: #e8edf4; --carte-cote: #c3cad3; --carte-repere: #8c98a5; --carte-lisere: #ffffff; --carte-selection: #0f1b34; --carte-autres: #c3cad3; --frise-trait: #e4e8ef; --qr-cadre: #e4e8ef; }
/* <<< maquette : fin */

/* >>> maquette écrans : début (généré, ne pas éditer) */
/* ---------- Jetons de la maquette de la file de travail (3-maquettes/trace.css, 27/09/2026), portés par porter_e08.py ---------- */
.mq { --police: "Aptos","Segoe UI Variable Text","Segoe UI","Roboto",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif; --police-titre: "Aptos Display","Aptos","Segoe UI Variable Display","Segoe UI","Roboto",system-ui,-apple-system,sans-serif; --police-etroite: "Aptos Narrow","Arial Narrow","Roboto Condensed","Segoe UI",system-ui,sans-serif; --police-mono: "Aptos Mono","Cascadia Mono",Consolas,"SF Mono","Roboto Mono",ui-monospace,monospace; --t-xs: 12px; --t-s: 13px; --t-m: 14px; --t-l: 15px; --t-xl: 17px; --t-2xl: 20px; --t-3xl: 26px; --t-4xl: 32px; --e1: 4px; --e2: 8px; --e3: 12px; --e4: 16px; --e5: 20px; --e6: 24px; --e8: 32px; --e10: 40px; --e14: 56px; --r-s: 5px; --r-m: 8px; --r-l: 12px; --r-pilule: 999px; --ombre-1: 0 1px 2px rgba(15,27,52,.06),0 1px 1px rgba(15,27,52,.04); --ombre-2: 0 8px 24px rgba(15,27,52,.12),0 2px 6px rgba(15,27,52,.08); --h-ligne: 44px; --ombre-carte: 0 1px 2px rgba(15,27,52,.05),0 10px 24px -18px rgba(15,27,52,.45); --fond: #eef1f6; --surface: #ffffff; --surface-2: #f6f8fb; --surface-3: #edf0f5; --filet: #e4e8ef; --filet-fort: #cbd3df; --encre: #0f1b34; --encre-2: #45526b; --encre-3: #667389; --marque: #002060; --marque-2: #2e74b5; --marque-pale: #eaf0f9; --soleil: #f4a100; --nav-fond: #0b1733; --nav-fond-2: #091230; --nav-encre: #b3c0d8; --nav-encre-2: #6f80a3; --nav-actif: rgba(255,255,255,.06); --nav-filet: rgba(255,255,255,.08); --lien: #1f5fa3; --focus: #2e74b5; --rouge: #b42318; --rouge-fond: #fdecea; --rouge-filet: #f2b8b1; --ambre: #8f5200; --ambre-vif: #d98200; --ambre-fond: #fef3e2; --bleu: #1f63a8; --bleu-fond: #e8f0fa; --ardoise: #52617b; --ardoise-fond: #edf0f5; --vert: #22734a; --vert-fond: #e6f3eb; --muet: #6b3fa0; --muet-fond: #f1ebf8; --surveiller: #1f666c; --surveiller-fond: #e3f3f4; --dec: #c42b1c; --dec-fond: #fdeeec; --rel: #a45a00; --rel-vif: #e89a1c; --rel-fond: #fff4e3; --exa: #3f47a8; --exa-vif: #5b63c9; --exa-fond: #eef0fc; --gris: #77839a; --p1-f: #1d4e89; --p1-t: #fff; --p2-f: #0f6b5c; --p2-t: #fff; --p3-f: #6b7890; --p3-t: #fff; --p4-f: #8a4b00; --p4-t: #fff; --p5-f: #6b3fa0; --p5-t: #fff; --p6-f: #9c2f55; --p6-t: #fff; --p7-f: #2f5d8a; --p7-t: #fff; --p8-f: #444c5c; --p8-t: #fff; color-scheme: light; }
.mq { --h-ligne: 36px; }
.mq { --mqe-01: rgb(255, 255, 255); --mqe-02: transparent; --mqe-03: rgba(0, 0, 0, 0.6); --mqe-04: rgb(21, 27, 38); --mqe-05: rgb(15, 27, 52); --mqe-06: rgb(74, 87, 112); --mqe-07: rgb(0, 32, 96); --mqe-08: rgb(230, 236, 247); --mqe-09: rgb(29, 58, 120); --mqe-10: rgb(19, 37, 77); --mqe-11: rgb(11, 23, 51); --mqe-12: rgba(244,161,0,.15); --mqe-13: rgba(244, 161, 0, 0.7); --mqe-14: rgb(185, 199, 226); --mqe-15: rgb(127, 143, 176); --mqe-16: rgba(255, 255, 255, 0.05); --mqe-17: rgba(255, 255, 255, 0.035); --mqe-18: rgba(15,27,52,.45); --mqe-19: #9aa6b8; --mqe-20: rgb(246, 248, 252); --mqe-21: #002060; --mqe-22: rgb(102, 115, 137); --mqe-23: #000; }
/* <<< maquette écrans : fin */
/* ==== PASSES-6-7 (29/09/2026) : les séries des graphiques du tableau de bord (3-maquettes/trace.css, .tb-tuiles) ==== */
/* --prod : la production solaire (E45, E46), couleur du soleil du logo ; ambre foncé au clair pour 3:1 contre le blanc */
.mq-apres { --prod: #d27800; --s1: #2a78d6; --s2: #eb6834; --s3: #1baf7a; --s4: #eda100; --s5: #e87ba4; --s6: #008300; --s7: #4a3aa7; }
:root[data-theme="dark"] .mq-apres { --prod: #f4a100; --s1: #3987e5; --s2: #d95926; --s3: #199e70; --s4: #c98500; --s5: #d55181; --s6: #008300; --s7: #9085e9; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .mq-apres { --prod: #f4a100; --s1: #3987e5; --s2: #d95926; --s3: #199e70; --s4: #c98500; --s5: #d55181; --s6: #008300; --s7: #9085e9; } }
/* ==== fin PASSES-6-7 ==== */