@font-face {
  font-family: 'Beast';
  src: url('../fonts/Beast.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manticore';
  src: url('../fonts/Manticore.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-ink: #16130f;
  --color-ink-soft: #241f18;
  --color-paper: #ece0c8;
  --color-paper-dim: #cdbf9c;
  --color-burnt-orange: #c9591b;
  --color-muted-blue: #3b6ea5;
  --color-blood: #a6362c;
  --color-moss: #4b7a3e;
  --color-gold: #d99a2b;
  --color-monster-skin: #6f8f6a;
  --color-monster-skin-dark: #4d6b4a;
  --color-sleeve: #2a2333;
  --font-display: Georgia, 'Times New Roman', serif;
  --font-body: Arial, Helvetica, sans-serif;
  --font-title: 'Beast', var(--font-display);
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-body);
  color: var(--color-ink);
}

img {
  max-width: 100%;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}