body {
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    'Open Sans',
    'Helvetica Neue',
    sans-serif;
}

.btn-primary {
  border-radius: 0.375rem;
  background-color: #2563eb;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.btn-primary:hover {
  background-color: #3b82f6;
}
.btn-primary:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}
@media (prefers-color-scheme: dark) {
  .btn-primary {
    background-color: #3b82f6;
  }
  .btn-primary:hover {
    background-color: #60a5fa;
  }
  .btn-primary:focus-visible {
    outline-color: #3b82f6;
  }
}

.app-icon {
  border-radius: 0.5rem;
}