/* Hexloom Labs shared brand kit. Variables are namespaced --hx-* so a site's own CSS never clashes. */
:root {
  --hx-ink: #1a1d23;
  --hx-ink-soft: #565d6b;
  --hx-bg: #ffffff;
  --hx-bg-soft: #f4f6f8;
  --hx-border: #e1e5ea;
  --hx-accent: #d93025;
  --hx-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.hx-footer {
  max-width: 760px;
  margin: 0 auto;
  padding: 24px 20px 50px;
  text-align: center;
  color: var(--hx-ink-soft);
  font-family: var(--hx-font);
  font-size: 0.85rem;
  border-top: 1px solid var(--hx-border);
}
.hx-footer a { color: var(--hx-ink-soft); }
.hx-footer a:hover { color: var(--hx-accent); }