/* Base typography and global elements */

html {
  font-size: 16px;
}

body {
  font-family:
    "Segoe UI",
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    Arial,
    sans-serif;

  color: #111;
  background-color: #fff;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  line-height: 1.2;
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; }
h5 { font-size: 1.125rem; }
h6 { font-size: 1rem; }

/* Paragraph */
p {
  margin-bottom: 1rem;
}

/* Buttons */
button {
  cursor: pointer;
  border: none;
  background: none;
}

/* Inputs */
input,
textarea {
  border: 1px solid #ccc;
  padding: 0.5rem;
  border-radius: 4px;
}

/* Strong */
strong {
  font-weight: 600;
}