/* ===== Fonts ===== */
@font-face {
  font-family: 'Veteran Typewriter';
  src: url('../fonts/veteran_typewriter-webfont.woff') format('woff');
}

/* ===== Base Styles ===== */
:root {
  --primary-color: #9b2f2f;
  --secondary-color: #1b1718;
  --light-color: #f3ead8;
  --border-color: #d4c4a8;
  --text-color: #1b1718;
  --text-light: #f3ead8;
}

/* Standaard lettertype voor de hele pagina */
body {
  font-family: Arial, sans-serif; /* Normaal lettertype voor hoofdtekst */
  background-color: var(--secondary-color); /* Donkere achtergrond voor de hele pagina */
  color: var(--text-light); /* Lichte tekst */
  margin: 0;
  padding: 0;
  line-height: 1.6;
}

/* ===== Typography ===== */
/* Typewriter-font alleen voor titels */
h1, h2, h3, h4, h5, h6, #page-title, .box h2 {
  font-family: 'Veteran Typewriter', monospace;
  color: var(--primary-color); /* Rode kleur voor titels */
}

/* Stijl voor de WREQUED WORLD-titel */
#page-title {
  font-size: 2.5rem;
  text-align: center;
  margin: 20px auto;
  background-color: var(--light-color);
  padding: 15px 40px; /* Meer padding voor een breder vlak */
  border: 1px solid var(--primary-color);
  display: block;
  width: 80%; /* Breedte van 80% van de container */
  max-width: 800px; /* Maximale breedte */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}