/* Jalen Houston Web Services — shared brand tokens (v1, 2026-11-07). See brand/BRAND.md. */
:root {
  --jh-ink: #0C0F14;
  --jh-night: #151A22;
  --jh-steel: #2A313C;
  --jh-paper: #F6F4EF;
  --jh-white: #FFFFFF;
  --jh-gold: #C9A45C;
  --jh-gold-soft: #E7D3A8;
  --jh-text: #14181F;
  --jh-muted: #5E6672;
  --jh-on-ink: #EDEAE3;
  --jh-muted-on-ink: #9AA1AB;
  --jh-garnet: #7A1F2B;

  --jh-font-display: "Bahnschrift", "Segoe UI Variable Display", "SF Pro Display", -apple-system, "Segoe UI", system-ui, sans-serif;
  --jh-font-text: "Segoe UI Variable Text", "SF Pro Text", -apple-system, "Segoe UI", system-ui, sans-serif;

  --jh-space-1: 8px;
  --jh-space-2: 16px;
  --jh-space-3: 24px;
  --jh-space-4: 32px;
  --jh-space-6: 48px;
  --jh-space-8: 64px;
  --jh-rule: 1px solid var(--jh-gold);
}

.jh-wordmark { display: inline-flex; align-items: center; gap: 12px; line-height: 1; }
.jh-wordmark .jh-name {
  font-family: var(--jh-font-display); font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase;
}
.jh-wordmark .jh-sub {
  display: block; margin-top: 6px; font-family: var(--jh-font-display); font-weight: 600; font-size: 0.62em;
  letter-spacing: 0.32em; text-transform: uppercase; color: var(--jh-gold);
}
.jh-monogram {
  display: inline-grid; place-items: center; width: 2.4em; height: 2.4em; border: 1px solid var(--jh-gold);
  font-family: var(--jh-font-display); font-weight: 600; letter-spacing: 0.06em; color: var(--jh-gold);
}
.jh-num { font-variant-numeric: tabular-nums lining-nums; }
.jh-label {
  font-family: var(--jh-font-display); font-weight: 600; font-size: 0.72rem; letter-spacing: 0.16em;
  text-transform: uppercase; color: var(--jh-gold);
}