:root {
  --system-font-family: system-ui, -apple-system, "Segoe UI", "Noto Sans", Roboto, "Helvetica Neue", Arial, sans-serif;
  --system-copy-size: 1rem;
  --system-copy-line-height: 1.55;
  --system-control-size: 1rem;
}

html {
  font-size: 16px;
}

body {
  font-family: var(--system-font-family) !important;
  font-size: var(--system-copy-size);
  line-height: var(--system-copy-line-height);
}

button,
input,
select,
textarea {
  font-family: inherit;
}

body p,
body li,
body dd,
body blockquote,
[class$="-copy"],
[class*="-copy "],
[class$="-description"],
[class*="-description "],
[class$="-text"],
[class*="-text "] {
  font-family: inherit !important;
  font-size: var(--system-copy-size) !important;
  font-weight: 400;
  line-height: var(--system-copy-line-height) !important;
}

[class$="-subtitle"],
[class*="-subtitle "],
[class$="-validity"],
[class*="-validity "],
[class$="-expiry-badge"],
[class*="-expiry-badge "] {
  font-family: inherit !important;
  font-size: var(--system-copy-size) !important;
  line-height: var(--system-copy-line-height) !important;
}

input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
  font-size: var(--system-control-size);
  line-height: 1.45;
}

code,
pre,
kbd,
samp,
.mono,
[class$="-code"],
[class*="-code "] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
}