:root {
  --pc-navy: #0b344c;
  --pc-blue: #3574b9;
  --pc-coral: #e85d4a;
  --pc-off-white: #faf8f3;
  --pc-ink: #17313b;
  --pc-slate: #607277;
  --pc-mist: #edf4f5;
  --pc-line: #d7e2e4;
  --pc-white: #ffffff;
  --pc-success: #2f7d5a;
  --pc-error: #b3443f;

  --pc-font-heading: "Manrope", system-ui, sans-serif;
  --pc-font-body: "Source Sans 3", system-ui, sans-serif;

  --pc-text-xs: 0.8125rem;
  --pc-text-sm: 0.875rem;
  --pc-text-base: 1rem;
  --pc-text-lg: 1.1875rem;
  --pc-text-xl: clamp(1.35rem, 2vw, 1.75rem);
  --pc-text-2xl: clamp(1.9rem, 3.5vw, 3.25rem);
  --pc-text-3xl: clamp(2.35rem, 5vw, 4.5rem);
  --pc-text-display: clamp(2.75rem, 6vw, 5.5rem);

  --pc-space-1: 0.25rem;
  --pc-space-2: 0.5rem;
  --pc-space-3: 0.75rem;
  --pc-space-4: 1rem;
  --pc-space-5: 1.5rem;
  --pc-space-6: 2rem;
  --pc-space-7: 3rem;
  --pc-space-8: 4.5rem;
  --pc-section-space: clamp(4rem, 8vw, 7.5rem);
  --pc-content-width: 75rem;
  --pc-reading-width: 44rem;

  --pc-radius-sm: 0.5rem;
  --pc-radius-md: 0.875rem;
  --pc-radius-lg: 1.25rem;
  --pc-radius-pill: 999px;
  --pc-shadow-card: 0 1rem 2.5rem rgb(11 52 76 / 0.08);
  --pc-focus-ring: 0 0 0 3px rgb(53 116 185 / 0.28);
}