:root {
  --pd-brand-500: #3e8a6b;
  --pd-brand-600: #28785d;
  --pd-brand-800: #153f33;
  --pd-brand-900: #0f3128;
  --pd-brand-soft: #eef8f2;
  --pd-brand-muted: #c9dfd3;
  --pd-brand-pale: #dff0e7;
  --pd-premium: #bda468;
  --pd-white: #fff;
  --pd-neutral-50: #f5f8f4;
  --pd-neutral-100: #f2e9d5;
  --pd-text: #111827;
  --pd-text-secondary: #5d6674;
  --pd-border: #e5e7eb;
  --pd-warning: #d97706;
  --pd-danger: #b42318;
  --pd-info: #2563eb;
  --pd-space-1: 4px;
  --pd-space-2: 8px;
  --pd-space-3: 12px;
  --pd-space-4: 16px;
  --pd-space-5: 20px;
  --pd-space-6: 24px;
  --pd-space-8: 32px;
  --pd-space-10: 40px;
  --pd-space-12: 48px;
  --pd-radius-sm: 6px;
  --pd-radius-md: 10px;
  --pd-radius-lg: 16px;
  --pd-radius-pill: 999px;
  --pd-shadow-card: 0 8px 24px rgba(17, 24, 39, .07);
  --pd-shadow-modal: 0 30px 80px rgba(15, 49, 40, .22);
  --pd-font: Inter, Arial, sans-serif;
}