/* ============================================================ COPIE — ne pas modifier ici. Source : glb4tech:lb4tech-design, assets/tokens.css Version : d399dea (2026-06-15) Pour suivre une évolution de la charte, recopier le fichier depuis le dépôt de design et actualiser la ligne « Version ». Une retouche faite ici serait perdue au prochain report, et ferait diverger le portail des journaux Sphinx, qui consomment ce même fichier. ============================================================ */ /* ============================================================ lb4tech — tokens de design (SOURCE DE VÉRITÉ) Importé tel quel par Sphinx (_static) et NiceGUI (add_head_html). Thèmes clair + sombre. Univers : mère / electro / ferro. ============================================================ */ :root{ /* Jaune de marque — toujours en FOND, texte encre par-dessus */ --accent:#ffd320; --accent-strong:#f0c200; --accent-bright:#ffe066; --accent-tint:#fff5cf; --accent-deep:#7d6200; --glow:rgba(255,211,32,.50); /* Encre + neutres chauds */ --ink:#1b1914; --ink-soft:#45413a; --muted:#746e62; --faint:#a39d90; --bg:#f6f4ef; --bg-top:#ffffff; --surface:#ffffff; --surface-2:#f1ede4; --surface-3:#e9e3d7; --border:#e7e1d5; --border-strong:#d9d2c3; /* Statuts */ --success:#1f9e6f; --success-tint:#e3f5ec; --info:#3b7dd8; --info-tint:#e6eefb; --warning:#e8770f; --warning-tint:#fcebd9; /* orange, distinct du jaune */ --danger:#d83b5e; --danger-tint:#fbe6eb; /* Typo */ --font-display:'Ubuntu',system-ui,sans-serif; --font-mono:'Ubuntu Mono',ui-monospace,monospace; /* Formes & élévation */ --r-xs:6px; --r-sm:10px; --r-lg:16px; --shadow-card:0 1px 0 rgba(27,25,20,.02),0 18px 40px -22px rgba(27,25,20,.20); --shadow-glow:0 10px 26px -8px var(--glow); /* Liens (clair : le jaune est illisible → or profond) */ --link:#7d6200; --link-hover:#1b1914; /* Univers actif — défaut = marque mère (or) */ --u:#7d6200; --u-text:#7d6200; --u-strong:#5e4a00; --u-tint:#fff5cf; } [data-theme="dark"]{ --accent:#ffd320; --accent-strong:#f0c200; --accent-bright:#ffe066; --accent-tint:#3a3413; --accent-deep:#ffd320; --glow:rgba(255,211,32,.50); --ink:#f6f3ea; --ink-soft:#d3cdbf; --muted:#9c9484; --faint:#6f695c; --bg:#16140e; --bg-top:#1d1b13; --surface:#221f16; --surface-2:#2b271d; --surface-3:#363025; --border:#383229; --border-strong:#463f30; --success:#35c98d; --success-tint:#143329; --info:#6fa8e8; --info-tint:#15233a; --warning:#f59a3c; --warning-tint:#3a2a12; --danger:#ef6080; --danger-tint:#3a1820; --link:#ffd320; --link-hover:#ffe066; /* sombre : jaune lisible */ --u:#ffd320; --u-text:#ffd320; --u-strong:#ffe066; --u-tint:#3a3413; } /* ===== Univers de repérage (accent secondaire) ===== À poser sur ou un conteneur. La couleur d'univers sert au REPÉRAGE (en-têtes, filets, pictos, étiquettes, liens) ; le jaune --accent reste l'accent d'ACTION. */ .uni-mere { --u:#7d6200; --u-text:#7d6200; --u-strong:#5e4a00; --u-tint:#fff5cf; } .uni-electro{ --u:#1aa6a0; --u-text:#127c77; --u-strong:#14857f; --u-tint:#e1f4f2; } .uni-ferro { --u:#2f6b46; --u-text:#2f6b46; --u-strong:#245636; --u-tint:#e6f1ea; } [data-theme="dark"] .uni-mere { --u:#ffd320; --u-text:#ffd320; --u-strong:#ffe066; --u-tint:#3a3413; } [data-theme="dark"] .uni-electro{ --u:#3fc6c0; --u-text:#6bd9d3; --u-strong:#3fc6c0; --u-tint:#0f2c2a; } [data-theme="dark"] .uni-ferro { --u:#5aa97a; --u-text:#7cc596; --u-strong:#5aa97a; --u-tint:#132a1d; }