/* Loaded directly via <link> tag in index.html to avoid webpack url() resolution */
@font-face {
  font-family: 'Gotham';
  src: url('/assets/fonts/Gotham-Thin.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url('/assets/fonts/Gotham-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url('/assets/fonts/Gotham-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url('/assets/fonts/Gotham-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url('/assets/fonts/Gotham-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'WildChaos';
  src: url('/assets/fonts/TheWildChaos.otf') format('opentype'),
       url('/assets/fonts/The%20Wild%20Chaos%20Demo%20Version.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Paper texture utility (background-image path resolved at runtime) */
.bg-paper {
  background-color: #F3E9D8;
  background-image: url('/assets/backgrounds/paper-texture.png');
  background-size: 800px;
  background-repeat: repeat;
  color: #141414;
}
