*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  color-scheme: light;
}

html,
body {
  margin: 0;
}

body {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-primary);
  background: var(--bg-page);
}

.material-symbols-rounded {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  user-select: none;
}

.mono {
  font-family: 'IBM Plex Mono', monospace;
}

@media print {
  body {
    background: white;
    print-color-adjust: exact;
  }

  @page {
    margin: 14mm;
  }
}