/* Hospalia: ámbito explícito para convivir con las pantallas en migración. */
.hsp-ui {
  --hsp-canvas: #faf9f4;
  --hsp-surface: #fff;
  --hsp-surface-subtle: #f3f5ef;
  --hsp-text: #223d30;
  --hsp-text-secondary: #59665b;
  --hsp-brand: #285b40;
  --hsp-brand-hover: #204a34;
  --hsp-brand-subtle: #eef3e5;
  --hsp-border: #c9d7bc;
  --hsp-control-border: #788578;
  --hsp-focus: #8a5d16;
  --hsp-success: #21643b;
  --hsp-success-bg: #edf7ef;
  --hsp-warning: #825600;
  --hsp-warning-bg: #fff5d6;
  --hsp-danger: #b42318;
  --hsp-danger-bg: #fff0ee;
  --hsp-info: #245b85;
  --hsp-info-bg: #eef5fc;
  --hsp-font: 'Plus Jakarta Sans', system-ui, sans-serif;
  --hsp-space-1: 4px;
  --hsp-space-2: 8px;
  --hsp-space-3: 12px;
  --hsp-space-4: 16px;
  --hsp-space-6: 24px;
  --hsp-space-8: 32px;
  --hsp-space-12: 48px;
  --hsp-radius-control: 8px;
  --hsp-radius-card: 12px;
  --hsp-radius-modal: 16px;
  --hsp-shadow: 0 4px 16px rgba(34,61,48,.06);
  --hsp-shadow-modal: 0 16px 48px rgba(34,61,48,.16);
  color-scheme: light;
  font-family: var(--hsp-font);
  color: var(--hsp-text);
  background: var(--hsp-canvas);
  line-height: 1.5;
}