/* ProcessLens — base element resets, kept minimal since Bootstrap 5
   supplies grid/utilities in consuming projects. */
body {
  font-family: var(--font-sans);
  font-size: var(--text-body-size);
  font-weight: var(--text-body-weight);
  line-height: var(--text-body-leading);
  color: var(--color-text-primary);
  background: var(--color-bg);
}

h1, .h1 {
  font-size: var(--text-h1-size);
  font-weight: var(--text-h1-weight);
  letter-spacing: var(--text-h1-tracking);
  line-height: var(--text-h1-leading);
  color: var(--color-text-primary);
}
h2, .h2 {
  font-size: var(--text-h2-size);
  font-weight: var(--text-h2-weight);
  letter-spacing: var(--text-h2-tracking);
  line-height: var(--text-h2-leading);
  color: var(--color-text-primary);
}
h3, .h3 {
  font-size: var(--text-h3-size);
  font-weight: var(--text-h3-weight);
  letter-spacing: var(--text-h3-tracking);
  line-height: var(--text-h3-leading);
  color: var(--color-text-primary);
}

a { color: var(--color-primary); }
a:hover { color: var(--color-primary-dark); }

:focus-visible {
  outline: none;
  box-shadow: var(--shadow-focus);
}

dfn {
  font-style: normal;
  border-bottom: 1px dotted var(--color-divider);
  cursor: help;
}

code, pre, .mono {
  font-family: var(--font-mono);
}