/**
 * File Name: gco-ui-heading.css
 * Project: GCO UI CSS Architecture Migration
 * Pattern: gco_heading
 *
 * Contract:
 * - Theme agnostic.
 * - Does not rely on WordPress, theme, browser, or inherited heading defaults.
 * - Uses the shared GCO typography foundation.
 * - H1-H6 semantic hierarchy maps directly to the governed six-step GCO scale.
 * - Heading owns its own complementary foreground for dark/light hosts.
 */

.gco-ui-heading {
  font-family: var(--gco-ui-font-family);
  font-weight: var(--gco-ui-font-weight-bold);
  line-height: var(--gco-ui-line-height);
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
  text-decoration: none;
  color: var(--gco-ui-text-on-dark);
  margin-inline: 0;
}

.gco-ui-heading--on-light {
  color: var(--gco-ui-text-on-light);
}

h1.gco-ui-heading {
  font-size: var(--gco-ui-font-size-6);
  margin-block-start: var(--gco-ui-space-2);
  margin-block-end: var(--gco-ui-space-3);
}

h2.gco-ui-heading {
  font-size: var(--gco-ui-font-size-5);
  margin-block-start: var(--gco-ui-space-4);
  margin-block-end: var(--gco-ui-space-3);
}

h3.gco-ui-heading {
  font-size: var(--gco-ui-font-size-4);
  margin-block-start: var(--gco-ui-space-4);
  margin-block-end: var(--gco-ui-space-3);
}

h4.gco-ui-heading {
  font-size: var(--gco-ui-font-size-3);
  margin-block-start: var(--gco-ui-space-3);
  margin-block-end: var(--gco-ui-space-3);
}

h5.gco-ui-heading {
  font-size: var(--gco-ui-font-size-2);
  margin-block-start: var(--gco-ui-space-3);
  margin-block-end: var(--gco-ui-space-3);
}

h6.gco-ui-heading {
  font-size: var(--gco-ui-font-size-1);
  margin-block-start: var(--gco-ui-space-3);
  margin-block-end: var(--gco-ui-space-3);
}