/* Vintage Postcard Theme */
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Source+Sans+3:wght@400;600&display=swap');

.theme-vintage {
  --theme-bg: #f5f0e6;
  --theme-card-bg: #fffef9;
  --theme-card-border: #d4c9b5;
  --theme-text-primary: #3d3529;
  --theme-text-secondary: #6b5f4f;
  --theme-accent: #8b4d5c;
  --theme-accent-light: rgba(139, 77, 92, 0.1);
  --theme-accent-text: #fffef9;
  --theme-font-display: 'Libre Baskerville', Georgia, serif;
  --theme-font-body: 'Source Sans 3', system-ui, sans-serif;
}

/* Subtle paper texture via gradient */
.theme-vintage body {
  background:
    radial-gradient(ellipse at 20% 30%, rgba(210, 180, 140, 0.15) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 70%, rgba(180, 160, 130, 0.1) 0%, transparent 50%),
    linear-gradient(to bottom, #f5f0e6, #ebe5d8);
}

/* Postcard-style card */
.theme-vintage .card-front,
.theme-vintage .card-back {
  background:
    linear-gradient(135deg, #fffef9 0%, #f9f6ee 100%);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.05),
    0 8px 24px rgba(61, 53, 41, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

/* Aged paper edge effect */
.theme-vintage .card-front,
.theme-vintage .card-back {
  background:
    linear-gradient(135deg, #fffef9 0%, #f9f6ee 100%);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.05),
    0 8px 24px rgba(61, 53, 41, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    inset 0 0 60px rgba(139, 77, 92, 0.03);
  border-image: linear-gradient(
    to bottom,
    var(--theme-card-border),
    color-mix(in srgb, var(--theme-card-border) 60%, transparent)
  ) 1;
}

/* Corner fold decoration (bottom-right) */
.theme-vintage .card-back::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 2rem;
  height: 2rem;
  background: linear-gradient(
    135deg,
    transparent 50%,
    rgba(61, 53, 41, 0.06) 50%
  );
  border-radius: 0 0 1rem 0;
}

/* Decorative rule line on back */
.theme-vintage .card-back::after {
  content: "";
  position: absolute;
  bottom: 3rem;
  left: 2rem;
  right: 2rem;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent,
    var(--theme-card-border),
    transparent
  );
  opacity: 0.5;
}

/* Softer image overlay for vintage feel */
.theme-vintage .card-image.loaded {
  opacity: 1;
  filter: sepia(8%) contrast(98%);
}