@import './theme.css';

* { box-sizing: border-box; }

html, body, #root {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  /* Mobile browsers overlay their own address and tool bars on top of the
     layout viewport, so a 100%-tall app puts its bottom tab bar underneath
     them — the tab bar simply is not there for the user. dvh tracks the
     visible area as that chrome shows and hides. The 100% above stays as the
     fallback for browsers without dvh. */
  height: 100dvh;
}

body {
  background: var(--surface-0);
  color: var(--text-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Framework7 supplies the family; this only guards against a flash before
     its stylesheet applies. */
  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', sans-serif;
}