/* assets/css/base.css */
*{ box-sizing: border-box; }

html{
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body{
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--app-font, Arial, sans-serif);
}

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

.muted{ color: var(--muted); }

.error{ color: rgb(186, 59, 59); }

/*
 * iOS Safari automatically zooms focused controls whose computed font size
 * is below 16px. Keep form controls readable on touch devices without
 * disabling the user's normal pinch-to-zoom.
 */
@media (max-width: 768px), (hover: none) and (pointer: coarse){
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  select,
  textarea{
    font-size: 16px !important;
  }
}