/* apitools.me — shared brand + chrome. Served self-hosted at /shared/apitools-theme.css
 * (Caddy file_server). Sits ON TOP of each tool's vendored PicoCSS — tool-specific component
 * CSS stays in that tool's own app.css. Update here once to restyle the whole suite. */

:root {
  /* brand accent (applies in light & dark) */
  --pico-primary: #5b6cff;
  --pico-primary-hover: #4453e6;
  --pico-primary-background: #5b6cff;
  --pico-primary-hover-background: #4453e6;
  --pico-primary-focus: rgba(91, 108, 255, 0.25);
  --pico-primary-underline: rgba(91, 108, 255, 0.5);
  --pico-border-radius: 0.5rem;
}

/* ── chrome shared by every tool's base.html ─────────────────────────────── */
.muted { opacity: 0.6; }

header nav { align-items: baseline; }
header nav a.contrast { text-decoration: none; font-weight: 700; }
header nav .crumb { opacity: 0.5; }

.theme-toggle {
  width: auto;
  padding: 0.25rem 0.6rem;
  --pico-background-color: transparent;
}

footer { padding-block: 1.5rem; }
footer small { opacity: 0.6; }

/* cross-promo strip injected by /shared/apitools.js (the other live tools) */
.more-tools { margin-bottom: 0.5rem; font-size: 0.85rem; }
.more-tools a { margin-right: 0; }