/* Botani: sapuan cat air, ranting eukaliptus, kertas putih bersih */
:root {
  --wash1: #c9d8c5; --wash2: #f1d6cf; --leaf: #7f9a83; --accent: #6e8b74;
  --bg: #fbfaf6; --bg-alt: #f2f4ee; --ink: #34403a; --muted: #707b74; --card: #ffffff;
  --line: color-mix(in srgb, var(--leaf) 30%, transparent);
  --washes: radial-gradient(ellipse 60% 40% at 8% 6%, color-mix(in srgb, var(--wash1) 85%, transparent), transparent 70%),
            radial-gradient(ellipse 50% 35% at 96% 12%, color-mix(in srgb, var(--wash2) 80%, transparent), transparent 70%),
            radial-gradient(ellipse 55% 35% at 90% 96%, color-mix(in srgb, var(--wash1) 75%, transparent), transparent 70%),
            radial-gradient(ellipse 45% 30% at 6% 92%, color-mix(in srgb, var(--wash2) 70%, transparent), transparent 70%);
  --cover-bg: var(--washes), var(--bg);
  --cover-ink: var(--ink);
  --f-display: "Gilda Display", Georgia, serif;
  --f-script: "Allura", "Brush Script MT", cursive;
  --f-body: "Lato", system-ui, sans-serif;
  --title-size: clamp(3.4rem, 15vw, 4.8rem);
  --r: 14px;
}
.inv-title, .inv-name, .inv-sec-title { color: var(--accent); }
.inv-label { letter-spacing: .32em; color: var(--muted); }
.inv-cover-inner, .inv-aside-inner { padding: 30px 22px; }
.inv-cover-inner::before, .inv-aside-inner::before {
  content: ""; position: absolute; inset: -6px 10px; border: 1px solid var(--line); border-radius: 160px 160px 12px 12px; z-index: -1;
}
.inv-guest { background: color-mix(in srgb, var(--card) 80%, transparent); }
.inv-sec:nth-of-type(even) { background: var(--washes), var(--bg-alt); }
.inv-card { box-shadow: 0 18px 40px -30px color-mix(in srgb, var(--leaf) 90%, transparent); }
.inv-avatar { box-shadow: 0 0 0 8px color-mix(in srgb, var(--wash1) 70%, transparent), 0 0 0 9px var(--line); }
.inv-corner { width: min(48vw, 230px); }