/*
  Typography
*/

h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-font-family);
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "wght" 700, "wdth" 100;
  font-feature-settings: normal;
  line-height: 1.1;
  letter-spacing: var(--heading-kerning);
  overflow-wrap: anywhere;
  color: var(--colour-dark);
  margin-block-end: 0;
  margin-block: 0;
  text-wrap: balance;
}

h1 { font-size: var(--size-5); }
h2 { font-size: var(--size-4); }
h3 { font-size: var(--size-3); }
h4 { font-size: var(--size-2); }
h5 { font-size: var(--size-1); }

input,
label {
  line-height: 1.1;
}

code,
kbd,
samp {
  background: transparent;
  border-radius: 0;
  color: var(--color-info);
  font-family: var(--font-mono);
  font-size: 0.95em;
  hyphens: none;
  tab-size: 2;
  text-align: left;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}