/* Einhorn & Regenbogen – soft pastels with a rainbow shimmer. */
@font-face { font-family: "Pacifico"; src: url("/assets/fonts/pacifico-latin-400-0e05f393.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Baloo 2"; src: url("/assets/fonts/baloo-2-latin-wght-e3251557.woff2") format("woff2"); font-weight: 400 800; font-display: swap; }

:root {
  --inv-bg:
    radial-gradient(circle at 10% 15%, #ffe1f3 0%, transparent 40%),
    radial-gradient(circle at 90% 25%, #e3dcff 0%, transparent 45%),
    radial-gradient(circle at 30% 90%, #d9f7ec 0%, transparent 50%),
    radial-gradient(circle at 85% 85%, #fff4d6 0%, transparent 45%),
    linear-gradient(180deg, #fdf7ff 0%, #f5efff 100%);
  --inv-text: #5b3f7a;
  --inv-accent: #a35fd6;
  --inv-accent-soft: #d9b8f5;
  --inv-accent-gradient: linear-gradient(135deg, #ff9ad5, #b98cff 55%, #8fc8ff);
  --inv-highlight: #c9b6ff;
  --inv-highlight-strong: #ff9ad5;
  --inv-highlight-light: #ffffff;
  --inv-highlight-dark: #7b4bb0;
  --inv-title-fill: linear-gradient(100deg, #ff7cc4, #ffb86b 18%, #ffe66b 32%, #7fe0a8 48%, #6fc4ff 64%, #b48cff 80%, #ff7cc4);
  --inv-title-glow: drop-shadow(0 2px 0 rgba(123, 75, 176, .25)) drop-shadow(0 0 14px rgba(201, 182, 255, .6));
  --inv-card-border: linear-gradient(135deg, #ffb3dd, #ffd9a0, #fff3a0, #b8f0d0, #a8d8ff, #d4bcff);
  --inv-card-bg: linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(250, 244, 255, .95));
  --inv-shadow: rgba(163, 95, 214, .18);
  --inv-radius: 32px;
  --inv-font-body: "Baloo 2", system-ui, sans-serif;
  --inv-font-display: "Pacifico", cursive;
  --inv-font-script: "Pacifico", cursive;
  --inv-font-heading: "Baloo 2", sans-serif;
  --inv-title-size: clamp(3rem, 12vw, 5.4rem);
  --inv-floaters-opacity: .35;
}

.inv-title { padding-bottom: .1em; }
.inv-greeting { font-size: clamp(2rem, 7vw, 2.8rem); }
.inv-signature { font-size: 2.2rem; }
.inv-age-side { font-style: normal; font-weight: 700; }
.inv-age-badge { background: conic-gradient(from 200deg, #ff9ad5, #ffd38f, #fff08f, #8ff0c8, #8fd3ff, #c59bff, #ff9ad5); }
.inv-age-badge span { color: #fff; text-shadow: 0 3px 0 #a35fd6, 0 0 16px rgba(255, 255, 255, .9); }
.inv-detail h3, .inv-gift h3 { font-weight: 800; }
.inv-cd-num { color: #fff; text-shadow: 0 2px 0 #7b4bb0; }

/* Small headings stay solid for readability. */
.inv-detail h3, .inv-gift h3 { background: none; color: #a35fd6; filter: none; animation: none; }