@layer base {

  /* flashes on Chrome :( */
  /* @view-transition {
    navigation: auto;
  } */

  html {
    background: oklch(from var(--color-asphalt) var(--900));
  }

  body {
    color: var(--color-primary);
    background: oklch(from var(--color-asphalt) var(--900));
  }

  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;
  }



}