/* RE.NUEVO — small overrides on top of Tailwind CDN */

html, body { font-family: 'Inter', system-ui, -apple-system, sans-serif; background: #F5F3EC; color: #1a1a1a; }
.font-serif { font-family: 'Fraunces', Georgia, serif; font-optical-sizing: auto; font-variation-settings: "SOFT" 50, "WONK" 0; }

/* soft shadow utility */
.shadow-soft { box-shadow: 0 2px 8px rgba(15,61,46,0.06), 0 8px 24px rgba(15,61,46,0.04); }

/* scrollbar polish */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #d6d2c2; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #b8b3a0; }

/* tooltip */
[data-tip] { position: relative; }
[data-tip]:hover::after {
  content: attr(data-tip);
  position: absolute; bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%);
  background: #0F3D2E; color: white; font-size: 12px; padding: 6px 10px; border-radius: 6px;
  white-space: normal; width: max-content; max-width: 240px; z-index: 50;
}

/* i18n: hide translatable content until I18n.init() applies the dictionary,
   so users in non-EN languages don't see English flash before translation. */
body.i18n-pending [data-i18n],
body.i18n-pending [data-i18n-html] { visibility: hidden; }