/* Lentera: lentera bintang delapan, kubah, pola geometris */
:root {
  --deep: #1f6f4a; --gold: #e9c46a;
  --bg: #f6faf5; --bg-alt: #e9f2e8; --ink: #1d2b24; --muted: #56675d; --accent: #1f6f4a; --card: #ffffff;
  --line: color-mix(in srgb, var(--accent) 22%, transparent);
  --pattern: conic-gradient(from 45deg at 50% 50%, rgba(255,255,255,.07) 0 25%, transparent 0 50%, rgba(255,255,255,.07) 0 75%, transparent 0) 0 0 / 36px 36px;
  --cover-bg: var(--pattern), linear-gradient(160deg, var(--deep) 0%, color-mix(in srgb, var(--deep) 68%, #000) 100%);
  --cover-ink: #fff;
  --f-display: "El Messiri", Georgia, serif;
  --f-script: "El Messiri", Georgia, serif;
  --f-body: "Amiri", Georgia, serif;
  --title-size: clamp(2.6rem, 11vw, 3.8rem);
  --r: 18px;
}
body.inv { font-size: 18px; }
.inv-title { font-weight: 700; }
.inv-cover .inv-orn, .inv-aside .inv-orn, .inv-cover .inv-label, .inv-aside .inv-label { color: var(--gold); }
.inv-guest { background: rgba(255, 255, 255, .1); border-color: color-mix(in srgb, var(--gold) 50%, transparent); }
.inv-cover .inv-btn { background: var(--gold); border-color: var(--gold); color: var(--deep); }
.inv-cover-inner, .inv-aside-inner { border-radius: 200px 200px 20px 20px; border: 1.5px solid color-mix(in srgb, var(--gold) 60%, transparent); padding: 56px 24px 30px; }
.inv-name, .inv-sec-title, .inv-main .inv-title { font-weight: 700; color: var(--accent); }
.inv-bismillah { color: var(--accent); }
.inv-card { border-top: 3px solid var(--accent); }
.inv-avatar { border-radius: 999px 999px 20px 20px; height: 200px; width: 160px; }
.inv-sec:nth-of-type(even) { background: var(--bg-alt); }