:root {
  --pd-color-primary: #1a1a1a;
  --pd-color-secondary: #111111;
  --pd-color-accent: #555555;
  --pd-color-surface: #ffffff;
  --pd-color-surface-alt: #f5f5f5;
  --pd-color-muted-bg: #eeeeee;
  --pd-color-border: #dddddd;
  --pd-color-text: #1a1a1a;
  --pd-color-text-muted: #6b7280;
  --pd-color-muted: #666666;
  --pd-color-on-dark: #ffffff;
  --pd-color-on-secondary: #ffffff;
  --pd-color-overlay-scrim: rgba(0, 0, 0, 0.52);
  --pd-color-testimonial-card-bg: var(--pd-color-surface-alt);
  --pd-space-2: 0.5rem;
  --pd-space-3: 0.75rem;
  --pd-space-4: 1rem;
  --pd-space-5: 1.25rem;
  --pd-space-6: 1.5rem;
  --pd-space-8: 2rem;
  --pd-space-12: 3rem;
  --pd-space-16: 4rem;
  --pd-radius-sm: 0.5rem;
  --pd-radius-md: 0.75rem;
  --pd-radius-lg: 1rem;
  --pd-shadow-sm: 0 8px 24px rgb(0 0 0 / 8%);
  --pd-shadow-md: 0 16px 28px -16px rgb(15 23 42 / 22%);
  --pd-shadow-lg: 0 24px 48px -20px rgb(15 23 42 / 28%);
  --pd-font-heading: system-ui, sans-serif;
  --pd-font-body: system-ui, sans-serif;
  --pd-container-max-width: 72rem;
  --pd-container-inline-padding: 1rem;
  --pd-section-padding-block: var(--pd-space-8);
}