/* ==========================================================================
   Component: Heading
   ========================================================================== */

/* Base heading styles */
.c-heading {
  color: var(--text-color);
  font-family: var(--font-family-base);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  margin: 0;
  text-align: inherit;
}

/* Size Variants - Match base.css defaults */
.c-heading--h1 {
  font-size: var(--font-size-4xl); /* 36px */
}

.c-heading--h2 {
  font-size: var(--font-size-3xl); /* 30px */
}

.c-heading--h3 {
  font-size: var(--font-size-2xl); /* 24px */
}

.c-heading--h4 {
  font-size: var(--font-size-xl); /* 20px */
}

.c-heading--h5 {
  font-size: var(--font-size-lg); /* 18px */
}

.c-heading--h6 {
  font-size: var(--font-size-base); /* 16px */
}

/* Weight Variants */
.c-heading--light {
  font-weight: var(--font-weight-light);
}

.c-heading--normal {
  font-weight: var(--font-weight-normal);
}

.c-heading--medium {
  font-weight: var(--font-weight-medium);
}

.c-heading--semibold {
  font-weight: var(--font-weight-semibold);
}

.c-heading--bold {
  font-weight: var(--font-weight-bold);
}

/* Color Variants */
.c-heading--default {
  color: var(--text-color);
}

.c-heading--secondary {
  color: var(--text-color-secondary);
}

.c-heading--muted {
  color: var(--text-color-muted);
}

.c-heading--emphasis {
  color: var(--text-color-emphasis);
}