:root {
  --font-sans: "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

body {
  font-family: var(--font-sans);
  font-optical-sizing: auto;
}

/* Contact modal: hide the required asterisk Web Awesome adds to labels */
#contact-dialog *::part(form-control-label)::after {
  content: "";
}

/* Standard modal sizing + padding */
.modal-standard {
  --width: min(560px, 92vw);
  --spacing: 16px;
}

/* Compact QR modal */
.modal-qr {
  --width: min(340px, 92vw);
  --spacing: 10px;
}