html {
  font-size: 12px; 
  /* instead of 16px default */
}
/* 🔴 THIS RULE WAS PAINTING THE WHOLE PRODUCT IN A FONT THAT IS NOT THE BRAND'S.
   "Aptos", "Montserrat", serif -- with !important, on nearly every element, from a sheet linked
   in index.html and therefore outside the bundle entirely. That is why it survived every previous
   pass at the theme: the import order in index.tsx cannot reach a <link> tag. Poppins has been
   embedded in the product all along and was being overridden on every screen.

   DESIGN-BRIEF step 4: "Set UI text to var(--font-ui)". The !important is KEPT -- removing it is a
   specificity change with a blast radius nobody has measured, and the brief allows a font change,
   not a cascade change. The literal fallback is there because this sheet is parsed before the
   bundle that declares --font-ui, so for one frame the variable does not exist yet.

   🔴 `textareabutton` in the selector list is a typo from an old merge -- it matches nothing.
   Left exactly as it was: correcting it would newly apply this font to elements that never had it,
   which is a behaviour change, and Phase 1 changes colours and fonts, not what is styled. */
body, p, h1, h2, h3, h4, h5, h6, li, label, .btn, button, input, optgroup, select, textareabutton, input, optgroup, select, textarea, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: var(--font-ui, "Poppins", system-ui, sans-serif) !important;}
.app-description, .fw-semibold {font-weight: 550;}
/* .btn.btn-primary, .p-button {text-transform: Capitalize !important;background-color: #E22025;}  */


.MuiDrawer-paperAnchorDockedLeft{
  border-radius: inherit !important;
}

.ag-theme-alpine {
  --ag-grid-size: 3px;
  --ag-font-size: 11px;
}


/* Base font size */
/* html {
  font-size: 14px;
} */

/* Default app font */
/* body, p, label, span, input, select, textarea {
  font-family: 'DM Sans', sans-serif !important;
} */

/* Sidebar labels & headings */
/* .sidebar-label, .sidebar-text, li, h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif !important;
} */

/* Buttons */
/* button, .btn, .p-button {
  font-family: 'Work Sans', sans-serif !important;
  text-transform: capitalize !important;
  font-weight: 600;
} */