@layer default {
  @font-face {
    font-family: 'Arimo';
    src: url('/assets/fonts/Arimo-Regular.ttf?v=1');
  }

  :root {
    --font__family: 'Arimo', sans-serif;
    --font__size: 1rem;
    --font__weight: 400;
    --font__color: #333;
    --color__brand: #cd003a;
    --color__brand--complimentary: #4a4a4a;

    --space--extra-small: 1rem;
    --space--small: 1.5rem;
    --space--medium: 3rem;
    --space--large: 5rem;
    --space--extra-large: 10rem;

    --grid-width: 1050px;

    --page__margin: var(--space--extra-small);

    --color__background--input: #eee;
  }

  html {
    scroll-behavior: smooth;
  }
}