/* Theme: Chunri – Festive bandhani tie-dye red, marigold gold & glistening gota-patti */
:root {
  --primary: #b81434;
  --accent: #f59e0b;
  --bg: #38040d;
  --card: #fffdf9;
  --ink: #2b0b11;
  --muted: #824750;
  --line: rgba(245,158,11,.35);
  --backdrop: radial-gradient(circle at 50% 25%, #7a0c22, #2b040a 85%);
  --env: #b81434;
  --env-dark: #6e081c;
  --door: #4d0614;
  --curtain: #b81434;
  --font-display: 'Fraunces', Georgia, serif;
  --font-script: 'Great Vibes', cursive;
  --ornament: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 38' fill='none' stroke='%23f59e0b' stroke-width='1.2' stroke-linecap='round'%3E%3Cpath d='M2 19h45M113 19h45'/%3E%3Cpath d='M80 6c-8 0-14 6-14 13 0 7 6 13 14 13 4 0 7-1 10-4-3 1-7 0-9-3-3-3-3-7 0-10 2-2 5-3 9-3-3-4-6-6-10-6z' fill='%23f59e0b' fill-opacity='.25' stroke='%23f59e0b'/%3E%3Ccircle cx='54' cy='19' r='2' fill='%23b81434'/%3E%3Ccircle cx='106' cy='19' r='2' fill='%23b81434'/%3E%3C/svg%3E");
}

body { color: var(--ink); }
.card {
  box-shadow: 0 40px 90px -30px rgba(0,0,0,.6), 0 0 0 1.5px rgba(245,158,11,.4);
  background: var(--card);
}

.hero {
  background-color: var(--card);
  background-image:
    radial-gradient(circle at 50% 0%, rgba(245,158,11,.16) 0%, transparent 65%),
    radial-gradient(circle at 50% 100%, rgba(184,20,52,.08) 0%, transparent 60%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='3.5' fill='%23f59e0b' fill-opacity='.25'/%3E%3Ccircle cx='20' cy='12' r='2' fill='%23b81434' fill-opacity='.18'/%3E%3Ccircle cx='20' cy='28' r='2' fill='%23b81434' fill-opacity='.18'/%3E%3Ccircle cx='12' cy='20' r='2' fill='%23b81434' fill-opacity='.18'/%3E%3Ccircle cx='28' cy='20' r='2' fill='%23b81434' fill-opacity='.18'/%3E%3C/svg%3E");
}

.hero::before, .hero::after {
  content: ''; position: absolute; top: 48px; width: 88px; height: 88px; opacity: .88;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 88' fill='none' stroke='%23f59e0b' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M4 4h40M4 4v40'/%3E%3Cpath d='M8 8l8 8-8 8 8 8-8 8' stroke='%23b81434'/%3E%3Ccircle cx='12' cy='12' r='3' fill='%23f59e0b'/%3E%3Ccircle cx='28' cy='28' r='3' fill='%23b81434'/%3E%3C/svg%3E") center/contain no-repeat;
}
.hero::before { left: 16px; }
.hero::after { right: 16px; transform: scaleX(-1); }

.name {
  color: var(--primary);
  text-shadow: 0 2px 4px rgba(184,20,52,.15);
}
.amp { color: var(--accent); }

.monogram {
  border-color: #f59e0b;
  color: var(--primary);
  background: linear-gradient(135deg, #ffffff, #fff7ed);
  box-shadow: 0 4px 14px rgba(184,20,52,.18);
}

.frame {
  border: 2px solid #b81434;
  background: #ffffff;
  border-radius: 20px 4px 20px 4px;
  box-shadow: 0 10px 28px -10px rgba(184,20,52,.15);
}
.frame::before {
  inset: 6px;
  border: 1px dashed var(--accent);
  border-radius: 16px 2px 16px 2px;
}

.bismillah { color: var(--primary); font-size: 1.35rem; }
.event {
  background: #ffffff;
  border-color: var(--line);
  box-shadow: 0 4px 16px rgba(184,20,52,.05);
}
.btn.primary {
  background: linear-gradient(135deg, #b81434 0%, #850d24 100%);
  color: #ffffff;
  border: 1px solid #f59e0b;
  box-shadow: 0 6px 20px -4px rgba(184,20,52,.4);
}
.btn.ghost {
  border-color: var(--line);
  color: var(--primary);
}
.btn.ghost:hover {
  border-color: var(--accent);
  background: rgba(245,158,11,.1);
}