/* Component: Heading */

.c-heading {
  font-weight: var(--font-weight-bold, 700);
  line-height: var(--line-height-tight, 1.2);
  margin: 0 0 var(--spacing-md, 1.5rem) 0;
  color: var(--color-text-primary, #1a1a1a);
}

/* H1 / 5xl */
.c-heading--h1,
.c-heading--5xl {
  font-size: var(--font-size-5xl, 2.011rem);
}

/* H2 / 4xl */
.c-heading--h2,
.c-heading--4xl {
  font-size: var(--font-size-4xl, 1.786rem);
}

/* H3 / 3xl */
.c-heading--h3,
.c-heading--3xl {
  font-size: var(--font-size-3xl, 1.586rem);
  font-weight: var(--font-weight-semibold, 600);
}

/* H4 / 2xl */
.c-heading--h4,
.c-heading--2xl {
  font-size: var(--font-size-2xl, 1.407rem);
  font-weight: var(--font-weight-semibold, 600);
}

/* H5 / xl */
.c-heading--h5,
.c-heading--xl {
  font-size: var(--font-size-xl, 1.25rem);
  font-weight: var(--font-weight-semibold, 600);
}

/* H6 / lg */
.c-heading--h6,
.c-heading--lg {
  font-size: var(--font-size-lg, 1.125rem);
  font-weight: var(--font-weight-semibold, 600);
}

/* Remove bottom margin from last heading */
.c-heading:last-child {
  margin-bottom: 0;
}

/* Sizing overrides */
.c-heading--xs {
  font-size: var(--font-size-xs, 0.75rem);
}

.c-heading--sm {
  font-size: var(--font-size-sm, 0.875rem);
}

.c-heading--base {
  font-size: var(--font-size-base, 1rem);
}
