/**
 * hx-link.css — Link SSOT
 */
.hx-link {
  color: var(--hx-primary);
  text-decoration: none;
}
.hx-link:hover {
  text-decoration: underline;
}
.hx-link:focus {
  outline: 2px solid var(--hx-primary);
  outline-offset: 2px;
}

/* Auto-migrated from hx-primitives.css (3.04.90) */
.hx-link { color: var(--hx-primary); }

/* Auto-migrated from hx-primitives.css (3.04.90) */
.hx-example:has(.hx-example__theme:checked) .hx-link {
	color: var(--hx-primary);
}

/* Auto-migrated from hx-primitives.css (3.04.90) */
.hx-link, a.hx-link {
  color: var(--hx-fg);
}

/* Auto-migrated from hx-primitives.css (3.04.90) */
.hx-example:has(.hx-example__theme:checked) .hx-link {
  color: var(--hx-fg);
}


/* 3.04.94 — 4-variant readiness (light/dark × desktop/mobile)
   Controlled by data-theme + data-hx-vp on <html>.
   All styles token-driven. Composition with other primitives encouraged. */
html[data-theme="light"][data-hx-vp="desktop"],
html[data-theme="light"][data-hx-vp="mobile"],
html[data-theme="dark"][data-hx-vp="desktop"],
html[data-theme="dark"][data-hx-vp="mobile"] {
  /* tokens flip automatically */
}

.hx-link-tip__bubble {
  background: var(--color-charcoal-brand);
  color: var(--hx-on-primary);
  border-radius: var(--hx-radius);
  padding: var(--space-1) var(--space-2);
}


/* Link tooltip: charcoal fill, white font (wins hx-last) */
.hx-app .hx-link-tip__bubble,
.hx-link-tip__bubble {
  background: var(--color-charcoal-brand);
  color: var(--hx-on-primary);
}