:root {
  --pnp-header-height: 4.75rem;
  --pnp-bg: #f4f4f6;
  --pnp-surface: #ffffff;
  --pnp-text: #171719;
  --pnp-muted: #666872;
  --pnp-red: #df2524;
  --pnp-red-bright: #f0443e;
  --pnp-crimson: #b51624;
  --pnp-bordeaux: #760f1d;
  --pnp-wine: #430a14;
  --pnp-red-soft: #fff1f1;
  --pnp-red-glow: rgb(223 37 36 / 28%);
  --pnp-dark: #302d30;
  --pnp-grey: #5a5d71;
  --pnp-dark-bg: #180d10;
  --pnp-dark-surface: #2a171c;
  --pnp-dark-text: #ffffff;
  --pnp-dark-muted: #b6b7be;
  --pnp-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --pnp-space-1: 0.5rem;
  --pnp-space-2: 1rem;
  --pnp-space-3: 1.5rem;
  --pnp-space-4: 2rem;
  --pnp-space-5: 3rem;
  --pnp-space-6: clamp(4rem, 8vw, 7rem);
  --pnp-gutter: clamp(1.25rem, 4vw, 3rem);
  --pnp-section-space: clamp(4.5rem, 9vw, 9rem);
  --pnp-card-padding: clamp(1.5rem, 3vw, 2.5rem);
  --pnp-text-measure: 47.5rem;
  --pnp-radius-sm: 0.5rem;
  --pnp-radius-md: 1rem;
  --pnp-radius-pill: 999px;
  --pnp-container: 75rem;
  --pnp-content: var(--pnp-text-measure);
  --pnp-shadow: 0 1rem 3rem rgb(23 23 25 / 8%);
  --pnp-neu-bg: #f4f4f6;
  --pnp-neu-shadow-dark: rgb(174 174 180 / 38%);
  --pnp-neu-shadow-light: rgb(255 255 255 / 95%);
  --pnp-neu-radius: 1.25rem;
  --pnp-neu-shadow-raised: 0.65rem 0.65rem 1.4rem var(--pnp-neu-shadow-dark), -0.65rem -0.65rem 1.4rem var(--pnp-neu-shadow-light);
  --pnp-neu-shadow-pressed: inset 0.3rem 0.3rem 0.65rem var(--pnp-neu-shadow-dark), inset -0.3rem -0.3rem 0.65rem var(--pnp-neu-shadow-light);
  --pnp-transition: 180ms ease;
  --pnp-card-radius: 1.75rem;
  --pnp-card-border: rgb(255 255 255 / 68%);
  --pnp-card-surface: rgb(255 255 255 / 76%);
  --pnp-card-shadow: 0 1.5rem 3.75rem rgb(67 10 20 / 12%), inset 0 1px 0 rgb(255 255 255 / 72%);
  --pnp-card-glow: rgb(223 37 36 / 22%);
  --pnp-mobile-card-width: min(88vw, 24rem);
  --pnp-mobile-card-height: min(68svh, 34rem);
}