/* ============================================================================ RELIEO — app2.css · surcouche d'interface v8.33 ============================================================================ DOCTRINE, en trois phrases. 1. Ce fichier ne remplace pas app.css : il se charge APRÈS lui et surcharge. Aucune règle existante n'est modifiée ni supprimée. On peut le retirer du et le produit revient exactement à la v8.32. 2. Toute règle est préfixée `html[data-ui="v2"]`. Sous `data-ui="v1"`, ce fichier est inerte : c'est ce qui rend la bascule Ctrl+Alt+D instantanée. 3. Rien ici ne masque une fonctionnalité. Les seules choses qui deviennent invisibles au repos sont des actions révélées au survol ET au focus clavier ET toujours visibles en tactile (voir § 14). Déplacer n'est pas supprimer ; masquer sans porte de sortie serait supprimer. LISTE BLANCHE — sélecteurs auxquels ce fichier ne touche JAMAIS, parce que leur bordure ou leur couleur porte du sens et non de la décoration : :focus-visible .noeud-ligne.drop-into / .drop-avant / .drop-apres / .en-deplacement .bloc-drop-avant / .bloc-drop-apres / .col-drop-avant / .col-drop-apres .tab-drop-haut / .tab-drop-bas / .tab-drop-gauche / .tab-drop-droite .ligne-drop-avant / .ligne-drop-apres / .depot-avant / .depot-apres .drop-racine / .cc-redim-en-cours / .bloc-cible / .msg-cible .presence-rond / .presence-rond-ici / .presence-pill / .bloc-occupe .cellule-occupee / .cellule-brouillon-conflit / .annul-barriere .action-impossible (le bouton refusé reste VISIBLE et désactivé) tout ce qui est sous @media print ============================================================================ */ /* ========================================================================== 1. LES JETONS L'existant a 26 tailles de police, 20 rayons et zéro jeton d'espace. Ici : 6 tailles, 3 rayons, une échelle d'espace de 4 px, 2 densités. ========================================================================== */ html[data-ui="v2"]{ /* --- Surfaces. La palette Relieo ne change pas : seul le papier blanchit, parce qu'un fond teinté sur toute la surface fait « application » quand un fond blanc fait « document ». --- */ --paper:#ffffff; --card:#ffffff; --sunk:#f6f7f6; /* survol, en-tête de tableau, surfaces enfoncées */ --sunk-2:#eff1ef; /* pastilles, boutons fantômes au survol */ --side-bg:#f8f9f8; /* la navigation, seule surface légèrement teintée */ --input-bg:#ffffff; --ink:#182b3a; --ink-2:#53636f; --ink-3:#64727d; /* V8.57 — voir app.css : 3,07:1 était sous le seuil AA */ --line:#e4e8e5; --line-soft:#eff1ef; --accent:#0f7583; --accent-fonce:#0b5a65; --accent-pale:#e2eff0; --danger:#a03d2c; --danger-pale:#f8ece8; --ok:#3d7a46; --ok-pale:#e4f0e6; --warn:#8a6a16; --warn-pale:#f7f0dd; --live:#2f9e5c; /* présence : quelqu'un est là maintenant */ --topbar:#16242e; --topbar-txt:#e4ecef; /* --- Typographie : 6 marches, écarts francs, rien entre --- */ --t-xs:11.5px; /* mention discrète — plancher absolu, jamais moins */ --t-sm:13px; /* label, texte secondaire */ --t-md:14.5px; /* TEXTE COURANT */ --t-lg:17px; /* titre de carte */ --t-xl:21px; /* titre de section */ --t-2xl:27px; /* titre de page */ --t-3xl:33px; /* titre de fiche */ /* --- Espace : un pas de 4, six valeurs, rien d'autre. C'est l'absence de cette échelle qui produit les « trucs collés ». --- */ --e1:4px; --e2:8px; --e3:12px; --e4:16px; --e5:24px; --e6:32px; /* --- Formes : trois rayons. `--r` est conservé pour l'existant. --- */ --r:8px; --r-sm:5px; --r-md:8px; --r-lg:12px; /* --- Densité : réglage utilisateur, pas arbitrage de designer. Voir js/ui.js — data-densite="confort" sur . --- */ --dense:1; --ombre:0 1px 2px rgba(24,43,58,.05); --ombre-flot:0 8px 28px rgba(24,43,58,.14); } html[data-ui="v2"][data-densite="confort"]{ --dense:1.4; } /* --- Thème sombre. N'existait pas : deux correctifs partiels seulement. Il ne redéfinit que des JETONS, donc tout ce qui suit le suit. --- */ html[data-ui="v2"][data-theme="sombre"]{ --paper:#12191e; --card:#12191e; --sunk:#1a2229; --sunk-2:#202931; --side-bg:#0e1519; --input-bg:#0e1519; --ink:#e7edf0; --ink-2:#a5b3bc; --ink-3:#8b9ca5; /* V8.57 — 4,2:1 sur --sunk était sous le seuil ; 5,67:1 maintenant */ --line:#26313a; --line-soft:#1e272e; --accent:#3aa5b2; --accent-fonce:#61c5d1; --accent-pale:#14313a; --danger:#e2907c; --danger-pale:#3a231d; --ok:#72bd80; --ok-pale:#1c3022; --warn:#d5b05a; --warn-pale:#332a11; --live:#5cc487; --topbar:#0a1015; --topbar-txt:#dce5e9; --st-ouvert:#d5b05a; --st-actif:#61c5d1; --st-resolu:#72bd80; --st-abandonne:#d59a86; --st-remplace:#8f9aa3; --ombre:0 1px 2px rgba(0,0,0,.45); --ombre-flot:0 12px 34px rgba(0,0,0,.6); /* V8.57 — les jetons ajoutés à app.css pour que le balayage des couleurs en dur ait où se raccrocher. Le bandeau (`--topbar*`) posait `background: var(--ink)` : l'encre devenant CLAIRE ici, le bandeau virait au blanc — voir le bloc V8.57 en tête d'app.css. */ --topbar-ligne:#1e2a33; --topbar-attenue:#7c8b95; --topbar-vif:#61c5d1; /* Le remplissage des boutons pleins DESCEND quand l'accent monte : sur `--accent` éclairci (#3aa5b2), le texte blanc ne fait que 2,9:1. Ici, 4,8:1 — au-dessus du seuil AA pour du texte courant. Voir le commentaire de `--accent-plein` dans app.css. */ --accent-plein:#147d8b; --sur-accent:#ffffff; --prive:#b39ddb; --prive-pale:#241f30; /* ⚠ SANS CETTE LIGNE, LE THÈME S'ARRÊTE AUX BORDS DE NOTRE CSS. Le menu déroulant d'un `