:root{
  --color-primary: #849b6b;
  --color-bg: #ebe9dd;
  --color-bg-alt: #d2cab6;
  --color-accent: #8e2525;
  --color-text: #000000;
  --color-secondary: #afbd9f;
  --font-title: 'Barcelony', serif;
  --font-heading: 'The Seasons', serif;
  --font-body: 'Raleway', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

}

/* Local webfonts (placed in /fonts) */
@font-face {
  font-family: 'Barcelony';
  src: url('../fonts/Barcelony.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'The Seasons';
  src: url('../fonts/theseasons-reg.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'The Seasons';
  src: url('../fonts/theseasons-bd.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'The Seasons';
  src: url('../fonts/theseasons-it.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'The Seasons';
  src: url('../fonts/theseasons-bdit.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'The Seasons';
  src: url('../fonts/theseasons-lt.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'The Seasons';
  src: url('../fonts/theseasons-ltit.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* end font-face declarations */