:root {
  --bio-interface-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --bio-interface-root-font-size: 16px;
  --bio-interface-font-size: 14px;
  --bio-interface-font-color: #182433;
  --bio-input-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --bio-input-font-size: 14px;
  --bio-input-font-color: #182433;
}

html { font-size: var(--bio-interface-root-font-size); }

body[data-interface-font="arial"] { --bio-interface-font-family: Arial, Helvetica, sans-serif; }
body[data-interface-font="verdana"] { --bio-interface-font-family: Verdana, Geneva, sans-serif; }
body[data-interface-font="tahoma"] { --bio-interface-font-family: Tahoma, Geneva, sans-serif; }
body[data-interface-font="georgia"] { --bio-interface-font-family: Georgia, Times New Roman, serif; }
body[data-interface-font="times_new_roman"] { --bio-interface-font-family: Times New Roman, Times, serif; }
body[data-interface-font="courier_new"] { --bio-interface-font-family: Courier New, Courier, monospace; }

body[data-input-font="arial"] { --bio-input-font-family: Arial, Helvetica, sans-serif; }
body[data-input-font="verdana"] { --bio-input-font-family: Verdana, Geneva, sans-serif; }
body[data-input-font="tahoma"] { --bio-input-font-family: Tahoma, Geneva, sans-serif; }
body[data-input-font="georgia"] { --bio-input-font-family: Georgia, Times New Roman, serif; }
body[data-input-font="times_new_roman"] { --bio-input-font-family: Times New Roman, Times, serif; }
body[data-input-font="courier_new"] { --bio-input-font-family: Courier New, Courier, monospace; }

body {
  --tblr-font-sans-serif: var(--bio-interface-font-family);
  color: var(--bio-interface-font-color);
  font-family: var(--bio-interface-font-family);
  font-size: var(--bio-interface-font-size);
}

input:not([type="checkbox"], [type="radio"], [type="range"], [type="color"]),
textarea,
select,
.form-control,
.form-select {
  color: var(--bio-input-font-color) !important;
  font-family: var(--bio-input-font-family) !important;
  font-size: var(--bio-input-font-size) !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--bio-input-font-color);
  opacity: .62;
}