/* Accueil de la console Jokobee : mêmes couleurs que la page des catalogues (catalogue/revue.css). */
:root {
  --fond:#f4f6f8; --carte:#ffffff; --encre:#17212b; --muet:#5d6b78; --ligne:#dde3e9; --accent:#1f6fb2; --accent-doux:#e3eef8; --pb:#b42318;
  color-scheme:light;
}
@media (prefers-color-scheme: dark) {
  :root { --fond:#10161c; --carte:#18212a; --encre:#e6ebf0; --muet:#9aa8b5; --ligne:#2a3642; --accent:#6aaee8; --accent-doux:#1c2f42; --pb:#ff8a7f; color-scheme:dark; }
}
* { box-sizing:border-box; }
body { margin:0; background:var(--fond); color:var(--encre); font:15px/1.5 system-ui, "Segoe UI", Roboto, sans-serif;
  padding:0 max(16px, env(safe-area-inset-right)) 32px max(16px, env(safe-area-inset-left)); }
.muet { color:var(--muet); }
.accueil { max-width:720px; margin:0 auto; padding-block:56px 24px; }
.accueil h1 { font-size:24px; margin:0 0 4px; }
.outils { list-style:none; padding:0; margin:24px 0 0; display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:12px; }
.outils a { display:flex; flex-direction:column; gap:4px; padding:16px 18px; border-radius:12px; background:var(--carte); border:1px solid var(--ligne);
  color:var(--encre); text-decoration:none; }
.outils a:hover { border-color:var(--accent); }
.outils b { font-size:16px; color:var(--accent); }
.outils span { color:var(--muet); font-size:13.5px; }