/* Theme: Sage – Milad / dua / dawat: sage green, cream, calligraphic border */
:root {
  --primary: #3f6b4f; --accent: #b89b5e; --bg: #f2f5ef; --card: #fbfcf8; --ink: #24312a; --muted: #6f7f74; --line: rgba(63,107,79,.16);
  --backdrop: radial-gradient(circle at 50% 10%, #5e8a6c, #1f3b2a 70%);
  --env: #5e8a6c; --env-dark: #3f6b4f; --door: #2b4a36; --curtain: #5e8a6c;
  --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 34' fill='none' stroke='%23b89b5e' stroke-width='1.1'%3E%3Cpath d='M4 17q20-12 40 0t40 0 40 0 32 0'/%3E%3Ccircle cx='80' cy='17' r='4' fill='%233f6b4f' stroke='none'/%3E%3Cpath d='M80 8l2 5 5 2-5 2-2 5-2-5-5-2 5-2z' fill='%23b89b5e' stroke='none'/%3E%3C/svg%3E");
  --radius: 10px;
}
.hero { background-color: var(--card);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none' stroke='%233f6b4f' stroke-opacity='.09'%3E%3Cpath d='M40 4l10 26 26 10-26 10-10 26-10-26-26-10 26-10z'/%3E%3Ccircle cx='40' cy='40' r='12'/%3E%3C/svg%3E"); }
.hero::before, .hero::after { content: ''; position: absolute; top: 60px; width: 70px; height: 110px; opacity: .85;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 110' fill='none' stroke='%233f6b4f' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M35 108C30 70 20 40 10 6'/%3E%3Cpath d='M24 60c-10-2-16-10-14-20 10 2 16 10 14 20zM30 84c-10-2-16-10-14-20 10 2 16 10 14 20zM26 36c-9-3-13-11-10-20 9 3 13 11 10 20z' fill='%23dfe8dc'/%3E%3Cpath d='M28 50c8-6 16-6 22 0-8 6-16 6-22 0zM34 74c8-6 16-6 22 0-8 6-16 6-22 0z' fill='%23dfe8dc'/%3E%3C/svg%3E") center/contain no-repeat; }
.hero::before { left: 16px; } .hero::after { right: 16px; transform: scaleX(-1); }
.name { font-family: var(--font-display); font-weight: 600; font-size: clamp(2.6rem, 10vw, 3.8rem); color: var(--primary); }
.amp { color: var(--accent); }
.eyebrow { color: var(--accent); }
.bismillah { font-size: 1.7rem; color: var(--primary); }
.frame { border-color: var(--accent); background: #fff; }
.frame::before { border-color: var(--line); }
.events, .gallery, .travel { background: #e9efe6; }
.ev-icon { background-color: var(--primary); }
.countdown > div { background: #fff; }
.timeline { border-color: var(--accent); }
.hashtag { color: var(--accent); }
.seal { background: radial-gradient(circle at 35% 30%, #cdb57a, #7d6432 70%); color: #fff; }
.diya-bowl { background: linear-gradient(#b89b5e, #6a5530); }
.curtain::after { background: var(--accent); }