/* Shared UI typography for every vocab-system surface. */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600&display=swap");

:root {
  --vocab-font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --vocab-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

html {
  font-family: var(--vocab-font-sans);
  font-size: clamp(14px, 0.18vw + 13.35px, 16px);
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body,
button,
input,
select,
textarea,
option {
  font-family: var(--vocab-font-sans);
}

/* Keep structured technical values visually distinct. */
pre,
code,
kbd,
samp {
  font-family: var(--vocab-font-mono);
}