@view-transition {
  navigation: auto;
}

@layer default {
  body {
    background-color: var(--color-page);
    color: var(--color-ink);
    font-family: var(--font);
    font-optical-sizing: auto;
    font-size: var(--font-size--body);
    font-style: normal;
    font-weight: 400;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: var(--font--heading);
    font-style: normal;
    line-height: 1;
  }

  p {
    line-height: 1.6;
  }

  p + p {
    margin-top: var(--space);
  }

  a {
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.15em;
  }

  a:hover {
    color: var(--color-wine);
  }

  /* Replace with real reset rules */
  img {
    max-width: 100%;
  }

  /* Oma components */

  oma-menu:not(:defined) {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
}