@font-face {
  font-family: "Bodoni Moda";
  src: url("fonts/bodoni-moda.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Bodoni Moda";
  src: url("fonts/bodoni-moda-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: Figtree;
  src: url("fonts/figtree.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: Figtree;
  src: url("fonts/figtree-semibold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}

:root {
  --event-accent: #a42d40;
  --event-body-font: Figtree, Avenir, sans-serif;
  --event-detail: #b5a675;
  --event-display-font: "Bodoni Moda", Didot, serif;
  --event-ink: #173e35;
  --event-on-surface: #fff7ee;
  --event-panel: #f1d9d5;
  --event-paper: #fff7ee;
  --event-surface: #173e35;
  --event-surface-dark: #0e2a24;
  --event-surface-light: #25594b;
}