@layer base {

  @media (prefers-reduced-motion: no-preference) {
    @view-transition {
      navigation: auto;
    }
  }

  body {
    color: var(--color-primary);
    background: var(--color-bg);
  }

  h1,
  h2,
  h3 {
    line-height: 1.1;
  }

  b,
  strong {
    font-weight: var(--font-weight-bold);
  }

  /* Width-axis utility for GT Pressura */
  .font-extended {
    font-stretch: 150%;
  }

  svg text {
    fill: var(--color-primary);
    text-anchor: middle;
    dominant-baseline: central;
  }

}