/**
 * @file
 * Heading component styles for Aotearoa theme.
 */

.heading {
  font-family: var(--font-sans);
  font-weight: var(--h1-weight);
  line-height: 1.2;
  color: inherit;
  margin: 0;
}

/* Default sizes based on heading level */
h1.heading {
  font-size: var(--h1-size);
  line-height: var(--h1-line-height);
  letter-spacing: var(--h1-letter-spacing);
}

h2.heading {
  font-size: var(--h2-size);
  line-height: var(--h2-line-height);
  letter-spacing: var(--h2-letter-spacing);
}

h3.heading {
  font-size: var(--h3-size);
  line-height: var(--h3-line-height);
  letter-spacing: var(--h3-letter-spacing);
}

h4.heading {
  font-size: var(--h4-size);
  line-height: var(--h4-line-height);
  letter-spacing: var(--h4-letter-spacing);
}

/* ==========================================================================
   Font size overrides
   ========================================================================== */

.heading.heading--size-80 { font-size: 5rem; }      /* 80px */
.heading.heading--size-72 { font-size: 4.5rem; }    /* 72px */
.heading.heading--size-54 { font-size: 3.375rem; }  /* 54px */
.heading.heading--size-42 { font-size: 2.625rem; }  /* 42px */
.heading.heading--size-32 { font-size: 2rem; }      /* 32px */
.heading.heading--size-26 { font-size: 1.625rem; }  /* 26px */
.heading.heading--size-22 { font-size: 1.375rem; }  /* 22px */
.heading.heading--size-20 { font-size: 1.25rem; }   /* 20px */
.heading.heading--size-16 { font-size: 1rem; }      /* 16px */
.heading.heading--size-14 { font-size: 0.875rem; }  /* 14px */

/* ==========================================================================
   Color variants
   ========================================================================== */

.heading--color-white {
  color: var(--white);
}

.heading--color-black {
  color: var(--black);
}

.heading--color-primary {
  color: var(--primary);
}