/* Typography */
/* Requires variables_1.0.css */

html {
  font-family: var(--font-family);
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
}

body {
    line-height: var(--text-normal-line-height);
    font-size: initial;
    font-family: var(--font-family);
    font-optical-sizing: auto;
    font-style: normal;
    color: var(--color-text);
}

p {
  font-size: var(--text-normal-size);
  margin-bottom: var(--spacing__vertical--1);
  font-weight: var(--font-weight-normal);
}

.caption {
  font-size: var(--text-small-size);
  margin-bottom: var(--spacing__vertical--1);
  font-weight: var(--font-weight-normal);
}


/* Headers */

h1, .as-h1 {
  font-size: var(--text-h1-size);
  margin-bottom: var(--spacing__vertical--3);
  font-weight: var(--font-weight-normal);
  line-height: var(--text-h1-line-height);
}

h2, .as-h2 {
  font-size: var(--text-h2-size);
  margin-bottom: var(--spacing__vertical--2);
  font-weight: var(--font-weight-bold);
  line-height: var(--text-h2-line-height);
}

h3, .as-h3 {
  font-size: var(--text-h3-size);
  margin-bottom: var(--spacing__vertical--1);
  font-weight: var(--font-weight-bold);
  line-height: var(--text-h3-line-height);
}

h4, .as-h4 {
  font-size: var(--text-h4-size);
  margin-bottom: var(--spacing__vertical--1);
  font-weight: var(--font-weight-bold);
  line-height: var(--text-h4-line-height);
}

/*lists */

ul {
  margin-bottom: var(--spacing__vertical--1);
  padding-left: var(--spacing__vertical--1);
}

li {
  margin-bottom: var(--spacing__vertical--1);
  line-height: var(--text-normal-line-height);
}

/* Hug the block above you */
.hug {
  margin-top: 0;
}