/**
 * Mi Opalit-ia (consumer-facing frontend) — tipografía canónica.
 * 100% del texto de UI usa Google Fonts Nunito (páginas + Shadow DOM vía tokens).
 */

@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");

:root {
  /* Exclusive UI stacks: Nunito only (no third-party UI families as primary) */
  --opalit-font-sans: "Nunito", ui-rounded, "SF Pro Rounded", sans-serif;
  --opalit-font-display: "Nunito", ui-rounded, "SF Pro Rounded", sans-serif;
  --opalit-font-mono: "Nunito", ui-rounded, "SF Pro Rounded", sans-serif;
}

html {
  font-family: var(--opalit-font-sans);
}

body {
  font-family: var(--opalit-font-sans);
}

/* Form controls and native UI text also Nunito */
button,
input,
select,
textarea,
optgroup,
option {
  font-family: inherit;
}

code,
kbd,
samp,
pre,
.mono,
[data-font="mono"] {
  font-family: var(--opalit-font-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.04em;
}