/* Theme: Chikankari – delicate white shadow-work needlecraft, pearl accents & alabaster */
:root {
  --primary: #475569; --accent: #bda77b; --bg: #f8f6f0; --card: #fffefa; --ink: #1e293b; --muted: #788292; --line: rgba(189,167,123,.22);
  --backdrop: linear-gradient(150deg, #eae6db, #d8d2c4 80%);
  --env: #ece7dc; --env-dark: #d5cdbd; --door: #383e4a; --curtain: #e5dfd2;
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-script: 'Cormorant Garamond', Georgia, serif;
  --ornament: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 38' fill='none' stroke='%23bda77b' stroke-width='1' stroke-linecap='round'%3E%3Cpath d='M4 19c18-8 36 8 54 0M156 19c-18-8-36 8-54 0' stroke-dasharray='2 3'/%3E%3Cpath d='M80 6c4 4 4 13 0 18-4-4-4-13 0-18z' fill='%23f1ede4' stroke='%23bda77b'/%3E%3Ccircle cx='70' cy='19' r='3' fill='%23ffffff' stroke='%23bda77b'/%3E%3Ccircle cx='90' cy='19' r='3' fill='%23ffffff' stroke='%23bda77b'/%3E%3Ccircle cx='40' cy='16' r='1.8' fill='%23bda77b'/%3E%3Ccircle cx='120' cy='16' r='1.8' fill='%23bda77b'/%3E%3C/svg%3E");
}

.hero {
  background-color: var(--card);
  background-image:
    radial-gradient(circle at 50% 0%, rgba(189,167,123,.14) 0, transparent 65%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none' stroke='%23bda77b' stroke-opacity='.12' stroke-width='.8' stroke-dasharray='2 2'%3E%3Ccircle cx='20' cy='20' r='12'/%3E%3Ccircle cx='20' cy='20' r='2' fill='%23bda77b' fill-opacity='.15' stroke='none'/%3E%3C/svg%3E");
}

.hero::before, .hero::after {
  content: ''; position: absolute; top: 52px; width: 80px; height: 80px; opacity: .8;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' fill='none' stroke='%23bda77b' stroke-width='1'%3E%3Cpath d='M2 2h32M2 2v32' stroke-dasharray='2 3'/%3E%3Cpath d='M8 8q24 0 24 24M8 8q0 24 24 24' stroke='%23475569' stroke-opacity='.3'/%3E%3Ccircle cx='8' cy='8' r='2.5' fill='%23bda77b'/%3E%3Ccircle cx='20' cy='20' r='2' fill='%23ffffff' stroke='%23bda77b'/%3E%3C/svg%3E") center/contain no-repeat;
}
.hero::before { left: 14px; }
.hero::after { right: 14px; transform: scaleX(-1); }

.name {
  font-family: var(--font-display);
  font-weight: 400;
  font-style: italic;
  font-size: clamp(2.8rem, 11vw, 4.2rem);
  color: var(--primary);
  letter-spacing: .02em;
}
.amp { color: var(--accent); }
.monogram {
  border-radius: 50%;
  border: 1px dashed var(--accent);
  color: var(--primary);
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(189,167,123,.2);
}

.frame {
  border: 1px solid var(--accent);
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 10px 30px -10px rgba(71,85,105,.06);
}
.frame::before {
  inset: 6px;
  border: 1px dashed var(--line);
  border-radius: 2px;
}

.event {
  border-radius: 4px;
  border: 1px solid rgba(189,167,123,.25);
  background: #ffffff;
  box-shadow: 0 4px 14px -4px rgba(30,41,59,.04);
}
.ev-icon {
  background-color: var(--primary);
  color: #fff;
  border-radius: 4px;
}

.countdown > div {
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid var(--line);
  box-shadow: 0 4px 10px -2px rgba(189,167,123,.12);
}
.countdown b { color: var(--primary); }

.seal {
  background: radial-gradient(circle at 35% 30%, #ded7c6, #9c927f 75%);
  color: #1e293b;
  box-shadow: 0 12px 28px -6px rgba(156,146,127,.5);
}
.diya-bowl { background: linear-gradient(#bda77b, #73623f); }
.actionbar { background: rgba(56,62,74,.94); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.btn.primary { background: linear-gradient(135deg, #475569, #334155); color: #fff; }