/* Zamrud: bingkai lengkung bergaris emas, huruf latin berlekuk. Warna diatur oleh variabel. */
:root {
  --deep: #0f3b2e; --gold: #d4b06a;
  --bg: #f4ecd8; --bg-alt: #ede2c8; --ink: #1d2a24; --muted: #5b6157; --accent: #a8823a; --card: #fbf6ea;
  --line: color-mix(in srgb, var(--accent) 38%, transparent);
  --cover-bg: radial-gradient(ellipse at top, color-mix(in srgb, var(--deep) 80%, #fff) 0%, var(--deep) 55%, color-mix(in srgb, var(--deep) 72%, #000) 100%);
  --cover-ink: var(--bg);
  --f-display: "Cormorant Garamond", Georgia, serif;
  --f-script: "Great Vibes", "Brush Script MT", cursive;
  --f-body: "Cormorant Garamond", Georgia, serif;
  --title-size: clamp(3.2rem, 14vw, 4.6rem);
  --r: 4px;
}
body.inv { font-size: 18px; }
.inv-cover .inv-orn, .inv-aside .inv-orn, .inv-cover .inv-label, .inv-aside .inv-label { color: var(--gold); }
.inv-guest { background: color-mix(in srgb, var(--bg) 8%, transparent); border-color: color-mix(in srgb, var(--gold) 45%, transparent); }
.inv-cover .inv-btn { background: var(--gold); border-color: var(--gold); color: var(--deep); }
.inv-cover-inner, .inv-aside-inner { outline: 1px solid color-mix(in srgb, var(--gold) 50%, transparent); outline-offset: 18px; padding: 34px 26px; }
.inv-card { box-shadow: inset 0 0 0 5px var(--card), inset 0 0 0 6px var(--line); padding: 30px 24px; }
.inv-hero::before, .inv-closing::before { content: ""; position: absolute; inset: 14px; border: 1px solid var(--line); pointer-events: none; }
.inv-name, .inv-sec-title, .inv-main .inv-title { color: var(--deep); }
.inv-cover .inv-title, .inv-aside .inv-title { color: var(--bg); }
.inv-avatar { box-shadow: 0 0 0 1.5px var(--accent), 0 0 0 8px var(--bg), 0 0 0 9px var(--line); }
.inv-nav { background: color-mix(in srgb, var(--deep) 96%, transparent); }
.inv-nav a { color: color-mix(in srgb, var(--bg) 70%, var(--deep)); }
.inv-nav a.is-active { color: var(--gold); }