/* ============================================================
   Henry Keller — Platform brand system
   For the hub chrome (app.iamhenrykeller.com).
   Pulled from iamhenrykeller.com: Montserrat/Lato, black + teal, minimal.
   Client tools keep their OWN brand (e.g. REV = brand.css).
   ============================================================ */

:root {
  --hk-ink:        #111214;   /* wordmark black */
  --hk-charcoal:   #32373c;
  --hk-accent:     #296b72;   /* muted teal accent */
  --hk-accent-dk:  #1f545a;
  --hk-accent-sf:  #eaf1f1;
  --hk-muted:      #6b7280;
  --hk-line:       #e6e8ea;
  --hk-soft:       #f6f7f8;
  --hk-bg:         #ffffff;

  --hk-head: "Montserrat", system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  --hk-body: "Lato", system-ui, -apple-system, Segoe UI, Arial, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }

html, body {
  margin: 0;
  font-family: var(--hk-body);
  color: var(--hk-ink);
  background: var(--hk-bg);
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }

h1, h2, h3 { margin: 0; font-family: var(--hk-head); font-weight: 600; }

.hk-eyebrow {
  font-family: var(--hk-head);
  text-transform: uppercase;
  letter-spacing: .34em;
  font-weight: 500;
  font-size: 12px;
  color: var(--hk-accent);
}

.hk-pill { display:inline-flex; align-items:center; gap:6px; font-family:var(--hk-head);
  font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.12em;
  padding:5px 11px; border-radius:999px; }
.hk-pill-open { background: var(--hk-accent-sf); color: var(--hk-accent-dk); }
.hk-pill-soon { background: var(--hk-soft); color: var(--hk-muted); }