/* Background pattern for card back */
.card-back-design {
  background-color: #e9c46a;
  background-image: 
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.2) 2px, transparent 2px),
    radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.2) 2px, transparent 2px),
    radial-gradient(circle at 75% 75%, rgba(255, 255, 255, 0.2) 2px, transparent 2px),
    radial-gradient(circle at 25% 75%, rgba(255, 255, 255, 0.2) 2px, transparent 2px),
    radial-gradient(circle at 75% 25%, rgba(255, 255, 255, 0.2) 2px, transparent 2px);
  background-size: 20px 20px;
  border: 3px solid rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Background image for the site */
body {
  background-color: #fcf9f2;
  background-image: 
    linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)),
    url('background-pattern.png');
  background-size: cover;
  background-attachment: fixed;
}

/* Card image placeholders */
.card-image {
  background: linear-gradient(135deg, #f9e8c7 0%, #e6c87d 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Playfair Display', serif;
  font-style: italic;
  color: #d4a24e;
  text-align: center;
  padding: 10px;
}