@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --teal: #245c47;
  --teal-light: #4c8a72;
  --gold: #d99a6c;
  --gold-dark: #b97c4e;
  --cream: #faf6f0;
  --dark: #21302d;
  --muted: #6b7a77;
}
* { box-sizing: border-box; }
body { font-family: 'Inter', system-ui, sans-serif; background: var(--cream); color: var(--dark); margin: 0; }
h1, h2, h3, .font-serif { font-family: 'Playfair Display', Georgia, serif; }
.bg-teal { background-color: var(--teal); }
.bg-cream { background-color: var(--cream); }
.text-teal { color: var(--teal); }
.text-gold { color: var(--gold-dark); }
.bg-gold { background-color: var(--gold); }
.border-gold { border-color: var(--gold); }
.legal h2 { font-size: 1.25rem; color: var(--teal); margin-bottom: .5rem; }
.legal h3 { font-family: 'Inter', system-ui, sans-serif; font-weight: 600; margin: .75rem 0 .35rem; }
.legal ul { list-style: disc; padding-left: 1.25rem; }
.legal li { margin-bottom: .35rem; }
.legal section { scroll-margin-top: 1rem; }