/**
 * ==========================================
 * ARCHIVO: base.css
 * ==========================================
 */
*{ box-sizing:border-box; }

body{
  margin:0;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  font-family: 'Inter', sans-serif;
  color:var(--color-espresso);
  /* Fondo ilustrado (castillo y dragón en sepia). Para volver al paisaje
     nuevo en SVG: background.svg con background-position: center bottom. */
  background-color: var(--color-parchment);
  background-image: url("../assets/images/background.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

h1{ 
  font-family: 'Grenze', serif; 
  font-size:2.1rem; 
  margin:0; 
  color:var(--color-espresso); 
  letter-spacing:0.5px; 
}