:root {
  --black: #000000;
  --black-0: rgba(0,0,0,0);
  --black-50: rgba(0,0,0,0.5);
  --grey: #e5e5e5;
  --grey-0: rgba(229,229,229,0);
  --grey-50: rgba(229,229,229,0.5);
  --white: #ffffff;
  --white-0: rgba(255,255,255,0);
  --white-50: rgba(255,255,255,0.5);
  --brand: #73141d;
  --brand-0: rgba(115,20,29,0);
  --brand-50: rgba(115,20,29,0.5);
  --lighter: #a53d47;
  --lighter-0: rgba(165,61,71,0);
  --lighter-50: rgba(165,61,71,0.5);
  --darker: #490c12;
  --darker-0: rgba(73,12,18,0);
  --darker-50: rgba(73,12,18,0.5);
  --background: #f2f2f2;
  --background-0: rgba(242,242,242,0);
  --background-50: rgba(242,242,242,0.5);
  --font-family-title: 'DM Serif Display';
  --font-family-text: 'Poppins';
}

h1,h2,h3,h4,h5,h6 { font-family: var(--font-family-title); }
body,p,span,a { font-family: var(--font-family-text); }

@font-face {
  font-family: 'DM Serif Display';
  src: url('../fonts/dmserifdisplay-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DM Serif Display';
  src: url('../fonts/dmserifdisplay-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins-semibold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins-semibolditalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}