:where(body.studio, .public-page) {
  --lp-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --lp-weight-regular: 400;
  --lp-weight-medium: 500;
  --lp-weight-semibold: 600;
  --lp-page: #ffffff;
  --lp-text: #1d1d1f;
  --lp-text-secondary: #68686d;
  --lp-border: #e2e3e5;
  --lp-surface: #f5f5f7;
  --lp-surface-campaign: #f4f5f3;
  --lp-brand: #17694b;
  --lp-brand-hover: #135a40;
  --lp-brand-pressed: #104c36;
  --lp-on-brand: #ffffff;
  --lp-focus: #478bdb;
  --lp-tab-track: #f0f1f0;
  --lp-disabled-bg: #e9e9ec;
  --lp-disabled-text: #68686d;
  --lp-space-1: 0.25rem;
  --lp-space-2: 0.5rem;
  --lp-space-3: 0.75rem;
  --lp-space-4: 1rem;
  --lp-space-5: 1.25rem;
  --lp-space-6: 1.5rem;
  --lp-space-8: 2rem;
  --lp-space-10: 2.5rem;
  --lp-space-12: 3rem;
  --lp-space-16: 4rem;
  --lp-space-20: 5rem;
  --lp-space-24: 6rem;
  --lp-radius-small: 0.5rem;
  --lp-radius-control: 0.75rem;
  --lp-radius-card: 1.5rem;
  --lp-radius-card-mobile: 1.125rem;
  --lp-radius-pill: 999px;
  --lp-shadow-selected: 0 1px 5px rgb(0 0 0 / 8%);
  --lp-shadow-floating: 0 12px 40px rgb(35 61 42 / 8%);
  --lp-content-max: 75rem;
  --lp-gutter: 3rem;
  --lp-section-space: 6rem;
  --lp-card-radius: var(--lp-radius-card);
  --lp-control-height: 3rem;
  --lp-control-height-large: 3.25rem;
  --lp-target-min: 2.75rem;
  --lp-duration-press: 140ms;
  --lp-duration-state: 160ms;
  --lp-duration-disclosure: 180ms;
  --lp-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --lp-ease-travel: cubic-bezier(0.77, 0, 0.175, 1);
}