@view-transition {
  navigation: auto;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url('/assets/fonts/montserrat-latin.woff2?v=1') format('woff2');
}

@layer default {
  :root {
    --space--extra-small: 1rem;
    --space--small: 1.5rem;
    --space--medium: 3rem;
    --space--large: 5rem;
    --grid-width: 1050px;

    --default__font: 'Montserrat', sans-serif;
    --color__brand: #c8ceb0;
    --color__font: #333333;
    --page__margin: var(--space--small);
    --z-index__1: 1;
  }

  html {
    scroll-behavior: smooth;
  }

  body {
    color: var(--color__font);
    font-family: var(--default__font);
    min-height: 100%;
  }
}