/* #region zone:health.ui.kit — สี health UI kit */
html:root {
  --u-body: 16px;
  --health-text-section: 21px;
  --health-text-title: 40px;
  --health-text-stat: 52px;
  --health-text-stat-small: 30px;
  --health-text-empty: 25px;
  --health-text-dialog: 27px;
  --health-text-micro: 8px;
  --u-font: var(--font-sans);
  --u-mono: 'Geist Mono Health', ui-monospace, monospace;
  --u-bg: var(--mono-bg);
  --u-surface: var(--mono-card);
  --u-surface-2: var(--mono-card-2);
  --u-pop: var(--mono-pop);
  --u-ink: var(--mono-ink);
  --u-muted: var(--mono-muted);
  --u-line: var(--mono-faint);
  --u-line-strong: var(--mono-faint);
  --u-focus: var(--mono-focus);
  --r-card: var(--u-radius-card);
  --r-inner: var(--u-radius-inner);
  --r-control: var(--u-radius-inner);
}
html:root input.u-input,
html:root textarea.u-input,
html:root .u-select {
  font-size: var(--u-body);
}
.hselect-trigger {
  border-radius: var(--u-radius-pill);
}
small {
  font-size: var(--u-text-sm);
}
/* #endregion */