/* renders 4 sizes (12/14/16/24) and 2 weights (400/600). Remaps Filament's Tailwind theme tokens; no build step (UI-SPEC Typography). */
html:root {
  --font-weight-medium: 400;                 /* stock 500: labels, sidebar, cells, badges, buttons */
  --font-weight-bold: 600;                   /* stock 700: page title, brand name */
  --text-lg: 1rem;  --text-lg--line-height: calc(1.5 / 1);    /* stock 18px: page subtitle, TextSize::Large */
  --text-xl: 1rem;  --text-xl--line-height: calc(1.5 / 1);    /* stock 20px: brand name */
  --text-3xl: 1.5rem; --text-3xl--line-height: calc(2 / 1.5); /* stock 30px: page title from `sm` up */
}

/* Tailwind's preflight sets sub/sup to 75% of the label (10.5px), a fifth size; the required asterisk stays at the 12px step. */
.fi-fo-field-label-required-mark { font-size: 0.75rem; }