/* ============================================================ ZoodoMedia — THÈME (couleurs claires + sombres) + police Chargé EN DERNIER dans le : il a le dernier mot. ⚑ CAUSE DU « TOUT EN GRAS » (corrigée) : main.css demandait la police 'Nunito' avec 'Arial Black' en secours. Nunito n'était pas chargée -> le navigateur affichait tout en 'Arial Black', une police grasse par nature. => Nunito est maintenant chargée (header.php) et 'Arial Black' a été retiré du secours. Plus besoin de forcer font-weight. • Vert de marque conservé (#289100, comme le logo). • Neutres nets en clair, mode sombre soigné. 👉 Pour changer une couleur : modifie sa valeur ci-dessous. ============================================================ */ /* ─────────────── THÈME CLAIR ─────────────── */ :root { /* Police (Nunito chargée via header.php ; secours sans gras) */ --zm-font: 'Nunito','Inter',system-ui,-apple-system,'Segoe UI',sans-serif; /* Marque */ --zm-green: #289100; --zm-green-dk: #1c6e00; --zm-green-lgt: #eefaf1; --zm-yellow: #ffd400; --zm-red: #e5484d; /* Fonds & surfaces */ --zm-bg: #f6f8fa; --zm-surface: #ffffff; --zm-sidebar-bg: #ffffff; --zm-header-bg: #ffffff; --zm-card-bg: #ffffff; --zm-input-bg: #ffffff; --zm-search-bg: #eff2f6; --zm-hover: #eff2f6; /* Bordures */ --zm-border: #e7ebf0; --zm-border-dk: #d4dae2; /* Texte */ --zm-text: #14181f; --zm-text-2: #3a434f; --zm-muted: #5e6876; --zm-light: #98a2b0; /* États actifs (menu, onglets…) */ --zm-active-bg: #eefaf1; --zm-active-txt: #1c6e00; /* Ombres */ --zm-shadow: 0 1px 2px rgba(16,24,40,.06); --zm-shadow-lg: 0 12px 32px rgba(16,24,40,.12); } /* ─────────────── THÈME SOMBRE ─────────────── */ [data-theme="dark"] { --zm-green: #33a512; --zm-green-dk: #3cb81a; --zm-green-lgt: rgba(51,165,18,.14); --zm-yellow: #ffd400; --zm-red: #f0575c; --zm-bg: #0d1117; --zm-surface: #161b22; --zm-sidebar-bg: #0d1117; --zm-header-bg: #11161d; --zm-card-bg: #161b22; --zm-input-bg: #0d1117; --zm-search-bg: #161b22; --zm-hover: #1a212b; --zm-border: #262d37; --zm-border-dk: #363f4a; --zm-text: #e9eef4; --zm-text-2: #c4ccd6; --zm-muted: #8b97a5; --zm-light: #606b78; --zm-active-bg: rgba(51,165,18,.16); --zm-active-txt: #4ec22e; --zm-shadow: 0 1px 3px rgba(0,0,0,.5); --zm-shadow-lg: 0 14px 36px rgba(0,0,0,.6); } /* Applique police + fond + texte du thème au document */ html, body { font-family: var(--zm-font); background: var(--zm-bg); color: var(--zm-text); } /* ─────── Confort de lecture de l'article ─────── */ .single-content { color: var(--zm-text); line-height: 1.85; } .single-content p { margin: 0 0 1.15em; } .single-content a { color: var(--zm-green); text-decoration: underline; } [data-theme="dark"] .single-content a { color: var(--zm-active-txt); } .single-content img { max-width: 100%; height: auto; border-radius: 10px; } .single-content blockquote { border-left: 4px solid var(--zm-green); background: var(--zm-green-lgt); margin: 1.2em 0; padding: .8em 1.1em; border-radius: 0 8px 8px 0; }