/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('./fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('./fonts/roboto-v30-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('./fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('./fonts/roboto-v30-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('./fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('./fonts/roboto-v30-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



:root {
  /* --background: #D9C7B9; */
  /* --font-color: #000000; */
  --font-color-accent: #B5D1AB;
  --font-color-accent-dark: #608851;
  --font-color-accent-darker: hsl(104, 25%, 30%);
  --opacity-5: 0.5;
  --opacity-7: 0.7;
}

body {
  font-family: 'Roboto', sans-serif;
}
h1, h2 {
  font-weight: 500;
}

h2 {
  color: var(--font-color-accent);
}
a {
  color: var(--font-color-accent-dark);
  text-decoration: none;
}
a.dark, a:hover, a:active {
  color: var(--font-color-accent-darker);
}