/* Kawung: motif batik kawung, bingkai ganda emas */
:root {
  --deep: #13213f; --gold: #c9a24d;
  --bg: #f1e7d0; --bg-alt: #e9dcbd; --ink: #1d2540; --muted: #5b5a63; --accent: #a8832f; --card: #f8f1e0;
  --line: color-mix(in srgb, var(--accent) 40%, transparent);
  --kawung: radial-gradient(circle at 50% 0, transparent 34%, color-mix(in srgb, var(--gold) 22%, transparent) 35%, transparent 37%),
            radial-gradient(circle at 50% 100%, transparent 34%, color-mix(in srgb, var(--gold) 22%, transparent) 35%, transparent 37%),
            radial-gradient(circle at 0 50%, transparent 34%, color-mix(in srgb, var(--gold) 22%, transparent) 35%, transparent 37%),
            radial-gradient(circle at 100% 50%, transparent 34%, color-mix(in srgb, var(--gold) 22%, transparent) 35%, transparent 37%);
  --cover-bg: var(--kawung), var(--deep);
  --cover-ink: var(--bg);
  --f-display: "Cinzel", Georgia, serif;
  --f-script: "Cinzel", Georgia, serif;
  --f-body: "Lora", Georgia, serif;
  --title-size: clamp(2.3rem, 10vw, 3.4rem);
  --r: 6px;
}
.inv-cover, .inv-aside { background-size: 54px 54px; }
.inv-cover .inv-orn, .inv-aside .inv-orn, .inv-cover .inv-label, .inv-aside .inv-label { color: var(--gold); }
.inv-title { font-weight: 700; letter-spacing: .04em; }
.inv-cover .inv-title, .inv-aside .inv-title { color: var(--bg); }
.inv-cover-inner, .inv-aside-inner { border: 2px solid var(--gold); padding: 40px 26px; background: color-mix(in srgb, var(--deep) 88%, transparent); box-shadow: 0 0 0 6px color-mix(in srgb, var(--deep) 88%, transparent), 0 0 0 7px color-mix(in srgb, var(--gold) 60%, transparent); }
.inv-guest { background: color-mix(in srgb, var(--bg) 8%, transparent); 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-sec:nth-of-type(even) { background-color: var(--bg-alt); background-image: var(--kawung); background-size: 54px 54px; }
.inv-name { font-weight: 700; font-size: calc(var(--title-size) * .62); color: var(--deep); }
.inv-sec-title, .inv-main .inv-title { font-weight: 700; color: var(--deep); }
.inv-sec-title { font-size: calc(var(--title-size) * .55); }
.inv-amp { font-family: "Cinzel", serif; font-size: 2.6rem; }
.inv-card { border-top: 4px solid var(--accent); }
.inv-nav { background: color-mix(in srgb, var(--deep) 96%, transparent); }
.inv-nav a { color: color-mix(in srgb, var(--bg) 65%, var(--deep)); }
.inv-nav a.is-active { color: var(--gold); }