:root {
  --navy: #1F2A3C; --cream: #F5EFE4; --card: #FBF8F2; --beige: #EAE1D0; --line: #DDD4C4;
  --orange: #D9603B; --teal: #2E7D74; --grey: #5A6475;
  --green: #3E8E5E; --amber: #E8A33D; --red: #C8452F;
  --serif: "Fraunces", Georgia, serif; --sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--cream); color: var(--navy); font-family: var(--sans); }
h1, h2, h3 { font-family: var(--serif); font-weight: 700; margin: 0; letter-spacing: -0.01em; }
.eyebrow { color: var(--orange); font-weight: 700; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; }
.muted { color: var(--grey); }
.card { background: var(--card); border: 1px solid var(--line); border-radius: 14px; }
button { font: inherit; cursor: pointer; }
.lv-green { --c: var(--green); } .lv-orange { --c: var(--amber); } .lv-red { --c: var(--red); }