/* Theme: Ajrak – Sindhi heritage madder red, deep indigo & block-print geometric star */
:root {
  --primary: #8b1e2a; --accent: #df9f3c; --bg: #f8f4ec; --card: #fffdf9; --ink: #1f1a18; --muted: #6e6158; --line: rgba(139,30,42,.18);
  --backdrop: radial-gradient(circle at 50% 25%, #19385c, #091726 85%);
  --env: #8b1e2a; --env-dark: #63111b; --door: #19385c; --curtain: #8b1e2a;
  --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='%238b1e2a' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M2 19h45M113 19h45'/%3E%3Cpath d='M80 7l6 6 8-3-3 8 6 6-8 3 3 8-6-6-8 3 3-8-6-6 8-3z' fill='%23df9f3c' fill-opacity='.3' stroke='%238b1e2a'/%3E%3Ccircle cx='80' cy='19' r='3' fill='%2319385c' stroke='none'/%3E%3Ccircle cx='54' cy='19' r='2.5' fill='%23df9f3c' stroke='none'/%3E%3Ccircle cx='106' cy='19' r='2.5' fill='%23df9f3c' stroke='none'/%3E%3C/svg%3E");
}

.hero {
  background-color: var(--card);
  background-image:
    radial-gradient(circle at 50% 0%, rgba(223,159,60,.12) 0, transparent 65%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52' viewBox='0 0 52 52' fill='none' stroke='%238b1e2a' stroke-opacity='.10' stroke-width='1'%3E%3Crect x='6' y='6' width='40' height='40' transform='rotate(45 26 26)'/%3E%3Ccircle cx='26' cy='26' r='6' stroke='%2319385c' stroke-opacity='.12'/%3E%3Ccircle cx='26' cy='26' r='2' fill='%23df9f3c' fill-opacity='.2'/%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='%238b1e2a' stroke-width='1.2'%3E%3Cpath d='M4 4h38M4 4v38'/%3E%3Cpath d='M10 10h24M10 10v24' stroke='%23df9f3c'/%3E%3Ccircle cx='10' cy='10' r='3' fill='%238b1e2a'/%3E%3Cpath d='M22 6l3 7 7 3-7 3-3 7-3-7-7-3 7-3z' fill='%2319385c' fill-opacity='.4' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat;
}
.hero::before { left: 14px; }
.hero::after { right: 14px; transform: scaleX(-1); }

.name {
  color: var(--primary);
  text-shadow: 0 2px 3px rgba(139,30,42,.12);
}
.amp { color: #19385c; }
.monogram {
  border: 2px solid var(--accent);
  color: var(--primary);
  background: #ffffff;
  box-shadow: 0 4px 14px rgba(139,30,42,.15);
}

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

.event {
  border-radius: 12px;
  border-color: rgba(139,30,42,.2);
  background: #ffffff;
  box-shadow: 0 4px 14px -4px rgba(31,26,24,.05);
}
.ev-icon {
  background-color: var(--primary);
  color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(139,30,42,.25);
}

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

.seal {
  background: radial-gradient(circle at 35% 30%, #a62432, #68101a 75%);
  color: #fffdf9;
  box-shadow: 0 12px 28px -6px rgba(104,16,26,.6);
}
.diya-bowl { background: linear-gradient(#df9f3c, #8b1e2a); }
.actionbar { background: rgba(25,56,92,.95); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.btn.primary { background: linear-gradient(135deg, #8b1e2a, #68101a); box-shadow: 0 6px 18px -4px rgba(139,30,42,.35); }