/* Aanpasbare kaft: kleuren, titellettertype en embleemmaat.
   Vervang cover-emblem.svg om alleen de tekening te veranderen.
   De teksten staan als gewone tekst in index.html; animatietijden in notebook.css. */
@font-face {
  font-family: 'Dancing Script';
  src: url('./fonts/DancingScript.ttf') format('truetype');
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}
:root {
  --cover-leather: #3e281d;
  --cover-binding: #3e291c;
  --cover-gold: #d8bd85;
  --cover-title-color: #e4ca94;
  --cover-title-font: 'Dancing Script', 'Segoe Script', cursive;
  --cover-edition-font: 'Cormorant Garamond', Georgia, serif;
  --cover-control-height: 3rem;
  --cover-control-inset: .5rem;
  --cover-control-radius: 3px;
  --cover-control-border: #b9955b80;
  --cover-emblem-width: 126px;
  --cover-emblem-height: 91px;
  --cover-center-offset: clamp(-1.75rem, -3.5svh, -.75rem);
}
.cover-center {
  top: var(--cover-center-offset);
}
/* Houd bij een korte viewport de bestaande ruimte voor grotere tekst vrij. */
@media (max-height: 480px) {
  .cover-center { top: 0; }
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('./fonts/CormorantGaramond.ttf') format('truetype');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}