/* Theme: Zardozi – heavy antique gold bullion, molten copper & royal zari threadwork */
:root {
  --primary: #1f1813; --accent: #c4973b; --bg: #f9f5ed; --card: #fffdf9; --ink: #1f1813; --muted: #73675c; --line: rgba(196,151,59,.24);
  --backdrop: radial-gradient(circle at 50% 25%, #2a1f17, #0d0a07 85%);
  --env: #2a1f17; --env-dark: #17110c; --door: #1f1813; --curtain: #2a1f17;
  --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='%23c4973b' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M2 19h42M116 19h42'/%3E%3Cpath d='M80 5c6 5 6 18 0 24-6-6-6-19 0-24z' fill='%23c4973b' fill-opacity='.2'/%3E%3Cpath d='M64 19c5-6 11-6 16 0-5 6-11 6-16 0zM80 19c5-6 11-6 16 0-5 6-11 6-16 0z'/%3E%3Ccircle cx='54' cy='19' r='2' fill='%23c4973b'/%3E%3Ccircle cx='106' cy='19' r='2' fill='%23c4973b'/%3E%3Cpath d='M80 19l4 4-4 4-4-4z' fill='%23c4973b'/%3E%3C/svg%3E");
}

.hero {
  background-color: var(--card);
  background-image:
    radial-gradient(circle at 50% 0%, rgba(196,151,59,.16) 0, transparent 70%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%23c4973b' stroke-opacity='.12' stroke-width='1'%3E%3Cpath d='M24 0l12 24-12 24-12-24z'/%3E%3Ccircle cx='24' cy='24' r='4' fill='%23c4973b' fill-opacity='.15'/%3E%3C/svg%3E");
}

.hero::before, .hero::after {
  content: ''; position: absolute; top: 52px; 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='%23c4973b' stroke-width='1.3'%3E%3Cpath d='M4 4h36M4 4v36'/%3E%3Cpath d='M10 10c18 0 28 10 28 28M10 10c0 18 10 28 28 28' stroke-opacity='.4'/%3E%3Ccircle cx='10' cy='10' r='3' fill='%23c4973b'/%3E%3Ccircle cx='24' cy='24' r='2' fill='%23c4973b'/%3E%3C/svg%3E") center/contain no-repeat;
}
.hero::before { left: 14px; }
.hero::after { right: 14px; transform: scaleX(-1); }

.name {
  color: var(--accent);
  text-shadow: 0 2px 4px rgba(196,151,59,.25);
}
.amp { color: var(--accent); }
.monogram {
  border: 2px solid var(--accent);
  color: var(--accent);
  background: #ffffff;
  box-shadow: 0 4px 16px rgba(196,151,59,.25);
}

.frame {
  border-width: 2px;
  border-color: var(--accent);
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 10px 30px -10px rgba(31,24,19,.1);
}
.frame::before {
  inset: 6px;
  border-color: var(--line);
  border-radius: 8px;
}

.event {
  border-radius: 12px;
  border-color: rgba(196,151,59,.28);
  background: #ffffff;
  box-shadow: 0 4px 16px -4px rgba(31,24,19,.06);
}
.ev-icon {
  background-color: var(--primary);
  color: var(--accent);
  border: 1px solid var(--accent);
  box-shadow: 0 4px 12px rgba(196,151,59,.25);
}

.countdown > div {
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 4px 12px -2px rgba(196,151,59,.18);
}
.countdown b { color: var(--accent); }

.seal {
  background: radial-gradient(circle at 35% 30%, #dfb45b, #8a6316 75%);
  color: #1f1813;
  box-shadow: 0 12px 28px -6px rgba(138,99,22,.6);
}
.diya-bowl { background: linear-gradient(#c4973b, #704f11); }
.actionbar { background: rgba(31,24,19,.95); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.btn.primary { background: linear-gradient(135deg, #c4973b, #93681a); color: #1f1813; font-weight: 600; box-shadow: 0 6px 18px -4px rgba(196,151,59,.4); }