/* Marmer: tekstur batu marmer, bingkai geometris logam, huruf tipis */
:root {
  --stone: #f6f3f1; --vein: #d9d1cc; --gold: #b7826b; --accent: #b7826b; --cover-ink: #3a3230;
  --bg: #fbf9f8; --bg-alt: #f3eeeb; --ink: #3a3230; --muted: #7b706c; --card: #ffffff;
  --line: color-mix(in srgb, var(--gold) 40%, transparent);
  --marble: linear-gradient(115deg, transparent 38%, color-mix(in srgb, var(--vein) 70%, transparent) 40%, transparent 41.5%),
            linear-gradient(160deg, transparent 58%, color-mix(in srgb, var(--vein) 60%, transparent) 59.2%, transparent 60%),
            linear-gradient(35deg, transparent 66%, color-mix(in srgb, var(--vein) 55%, transparent) 67%, transparent 68.2%),
            linear-gradient(140deg, transparent 18%, color-mix(in srgb, var(--vein) 40%, transparent) 19%, transparent 21%),
            radial-gradient(ellipse at 30% 20%, color-mix(in srgb, #fff 18%, transparent), transparent 60%);
  --cover-bg: var(--marble), var(--stone);
  --f-display: "Tenor Sans", "Gill Sans", sans-serif;
  --f-script: "Pinyon Script", "Brush Script MT", cursive;
  --f-body: "Raleway", system-ui, sans-serif;
  --title-size: clamp(3.1rem, 13vw, 4.4rem);
  --r: 2px;
}
.inv-label { letter-spacing: .38em; color: var(--gold); }
.inv-cover .inv-title, .inv-aside .inv-title { color: var(--cover-ink); }
.inv-cover-inner, .inv-aside-inner { border: 1px solid var(--gold); padding: 38px 24px; outline: 1px solid var(--line); outline-offset: 7px; background: color-mix(in srgb, var(--stone) 55%, transparent); }
.inv-guest { background: transparent; border-color: var(--line); color: var(--cover-ink); }
.inv-cover .inv-guest b { color: var(--cover-ink); }
.inv-cover .inv-date, .inv-aside .inv-date { color: var(--cover-ink); }
.inv-cover .inv-btn { background: var(--gold); border-color: var(--gold); color: #fff; }
.inv-title, .inv-name, .inv-sec-title { color: var(--accent); }
.inv-main .inv-title { color: var(--ink); }
.inv-card { border: 1px solid var(--line); box-shadow: inset 0 0 0 4px var(--card), inset 0 0 0 5px var(--line); }
.inv-sec:nth-of-type(even) { background: var(--bg-alt); }
.inv-avatar { border-radius: 0; border: 0; box-shadow: 0 0 0 1px var(--gold), 8px 8px 0 -1px var(--bg), 8px 8px 0 0 var(--gold); }
.inv-btn { border-radius: 0; letter-spacing: .14em; text-transform: uppercase; font-size: .78rem; }