/* Theme: Chintz – ivory & rose, hand-drawn florals */
:root {
  --primary: #9a3b52; --accent: #c98a5e; --bg: #fbf3ee; --card: #fffaf6; --ink: #3a2a2e; --muted: #8a6f74;
  --backdrop: radial-gradient(circle at 70% 20%, #e7bfc6, #b56b7f 70%);
  --env: #e9c9c3; --env-dark: #d9aaa4; --door: #7a4650; --curtain: #b25a70;
  --font-script: 'Great Vibes', cursive;
  --ornament: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 34' fill='none' stroke='%239a3b52' stroke-width='1.2' stroke-linecap='round'%3E%3Cpath d='M4 20c20-14 40 6 60-4M156 20c-20-14-40 6-60-4'/%3E%3Cpath d='M80 6c3 5 3 12 0 17-3-5-3-12 0-17zM70 17c4-2 8-2 10 0-4 2-8 2-10 0zM80 17c4-2 8-2 10 0-4 2-8 2-10 0z' fill='%23e8b4bd' stroke='%239a3b52'/%3E%3Ccircle cx='30' cy='12' r='2.5' fill='%23c98a5e' stroke='none'/%3E%3Ccircle cx='130' cy='12' r='2.5' fill='%23c98a5e' stroke='none'/%3E%3C/svg%3E");
}
.hero {
  background-color: var(--card);
  background-image:
    radial-gradient(circle at 8% 12%, rgba(232,180,189,.55) 0 60px, transparent 61px),
    radial-gradient(circle at 92% 10%, rgba(201,138,94,.35) 0 44px, transparent 45px),
    radial-gradient(circle at 90% 90%, rgba(232,180,189,.5) 0 70px, transparent 71px),
    radial-gradient(circle at 6% 88%, rgba(201,138,94,.3) 0 40px, transparent 41px);
}
.hero::before, .hero::after {
  content: ''; position: absolute; width: 130px; height: 130px; opacity: .9;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 130' fill='none' stroke='%239a3b52' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M6 124C10 70 40 30 96 8' stroke-width='1.6'/%3E%3Cpath d='M30 92c-12-6-14-20-6-30 10 4 14 18 6 30zM52 60c-14-2-20-16-14-27 12 2 20 14 14 27zM78 34c-12-8-10-22 0-30 10 8 12 22 0 30z' fill='%23f2cdd3'/%3E%3Ccircle cx='98' cy='16' r='7' fill='%23c98a5e' stroke='%239a3b52'/%3E%3Ccircle cx='98' cy='16' r='2.5' fill='%23fff'/%3E%3Cpath d='M18 110c6-8 14-8 20-2M40 76c8-4 14 0 18 6'/%3E%3C/svg%3E") center/contain no-repeat;
}
.hero::before { left: 6px; bottom: 6px; } .hero::after { right: 6px; top: 60px; transform: rotate(180deg) translateY(calc(var(--py, 0) * 1px)); }
.frame { border-radius: 40px 8px 40px 8px; border-color: var(--primary); }
.frame::before { border-radius: 36px 6px 36px 6px; border-color: var(--accent); }
.event { border-radius: 26px 8px 26px 8px; }
.ev-icon { background-color: var(--primary); }
.countdown > div { background: #fff; border-color: rgba(154,59,82,.2); }
.seal { background: radial-gradient(circle at 35% 30%, #c98a5e, #7c4a2a 70%); color: #fff2e6; }
.diya-bowl { background: linear-gradient(#c98a5e, #6e4525); }