/* ============================================================ OUTILS — palette claire partagée ------------------------------------------------------------ Tes 7 outils déclaraient tous le même jeu de variables (--bg, --bg-card, --text, --accent...). On les redéfinit ici en clair, une fois pour toutes. Tout le CSS d'un outil est scopé sous .tool : il ne peut pas déborder sur la coquille, et la coquille ne déborde pas sur lui. ============================================================ */ .tool { /* Surfaces */ --bg: transparent; /* le fond vient de la coquille */ --bg-card: #FFFFFF; --bg-card2: #F4F6FA; /* Traits */ --border: #E8EAEF; --border-strong: #DDE1E8; /* Texte */ --text: #1C2033; --text-muted: #7A8194; --text-dim: #A7AEBC; /* Accent — repris du bleu de la coquille */ --accent: #2F62E8; --accent-bg: rgba(47, 98, 232, 0.08); --accent-border: rgba(47, 98, 232, 0.30); /* Sémantique */ --success: #22A06B; --success-bg: rgba(34, 160, 107, 0.10); /* Coloration syntaxique de l'éditeur JSON, en version claire */ --json-string: #0A7D3E; --json-number: #B26B00; --json-bool: #0550AE; --json-null: #C0392B; --json-key: #2F62E8; --radius: 10px; --radius-lg: 12px; color: var(--text); } /* L'outil occupe la zone de contenu, sans centrage plein écran. */ .tool { width: 100%; } /* Certains outils se centraient via `body { display: flex }`, supprimé à la conversion (il se serait battu avec la mise en page de la coquille). On rend le centrage au conteneur lui-même : il ne dépend plus du body. Sans effet sur les outils qui déclarent déjà `margin: 0 auto`. */ .tool .page { margin-left: auto; margin-right: auto; } /* ============================================================ OUTILS — palette SOMBRE ------------------------------------------------------------ Memes variables, valeurs foncees. Active quand . Comme tous les outils lisent ces variables, ils basculent ensemble. ============================================================ */ :root[data-theme="dark"] .tool { /* Surfaces */ --bg: transparent; --bg-card: #1B1E26; --bg-card2: #23272F; /* Traits */ --border: #2A2E3A; --border-strong: #333844; /* Texte */ --text: #E6E8EE; --text-muted: #9098A8; --text-dim: #6B7180; /* Accent — le bleu eclairci, comme dans la coquille */ --accent: #5B8DEF; --accent-bg: rgba(91, 141, 239, 0.14); --accent-border: rgba(91, 141, 239, 0.40); /* Semantique */ --success: #3FBF83; --success-bg: rgba(63, 191, 131, 0.14); /* Coloration JSON, version sombre (plus lumineuse sur fond fonce) */ --json-string: #6BCB8B; --json-number: #E0A458; --json-bool: #6AA6F0; --json-null: #E8736B; --json-key: #7FA9F5; }