/**
 * UAA Heading Splitter
 * --------------------
 * This file intentionally controls typography only. It does not set heading
 * size, margins, colors, or responsive breakpoints, so existing Bootstrap and
 * campus-theme rules continue to own the surrounding design.
 *
 * Override these custom properties on body, a campus theme class, or an
 * individual content region to produce a different themed treatment.
 */
:root {
  --uaa-heading-font-family: "Roboto Condensed", var(--bs-font-sans-serif);
  --uaa-heading-light-weight: 300;
  --uaa-heading-regular-weight: 700;
  --uaa-heading-heavy-weight: 900;
  --uaa-heading-letter-spacing: -0.025em;
  --uaa-heading-line-height: 0.96;
  --uaa-heading-text-transform: uppercase;
}

.uaa-heading-splitter {
  font-family: var(--uaa-heading-font-family);
  font-weight: var(--uaa-heading-light-weight);
  line-height: var(--uaa-heading-line-height);
  letter-spacing: var(--uaa-heading-letter-spacing);
  text-transform: var(--uaa-heading-text-transform);
  text-wrap: balance;
  font-synthesis: none;
}

.uaa-heading-splitter--no-uppercase {
  text-transform: none;
}

/* Generated word wrappers remain inline so wrapping behaves like normal text. */
.uaa-heading-word {
  display: inline;
}

.uaa-heading-light,
.uaa-heading-splitter [data-heading-weight="light"] {
  font-weight: var(--uaa-heading-light-weight);
}

.uaa-heading-regular,
.uaa-heading-splitter bold,
.uaa-heading-splitter b,
.uaa-heading-splitter [data-heading-weight="regular"] {
  font-weight: var(--uaa-heading-regular-weight);
}

.uaa-heading-heavy,
.uaa-heading-splitter strong,
.uaa-heading-splitter [data-heading-weight="heavy"] {
  font-weight: var(--uaa-heading-heavy-weight);
}

/* Custom <bold> is deliberately supported in the prototype. In Drupal, <b>
   or <span data-heading-weight="regular"> is easier to permit in a text format. */
.uaa-heading-splitter bold {
  display: inline;
}

/* Example campus override. Keep the behavior but tune the typography through
   variables rather than creating campus-specific JavaScript. */
.theme-kpc {
  --uaa-heading-letter-spacing: -0.018em;
}