:root {
  --sf-color-primary: #1a7f4b;
  --sf-color-accent: #e8a13c;
  --sf-color-bg: #ffffff;
  --sf-color-fg: #111111;
  --sf-font-heading: "Geist", ui-sans-serif, system-ui, sans-serif;
  --sf-font-body: "Geist", ui-sans-serif, system-ui, sans-serif;
  --sf-radius: 0.5rem;
  --sf-radius-lg: 0.75rem;
  --sf-color-border: rgb(0 0 0 / 0.1);
  --sf-border-strong: rgb(0 0 0 / 0.15);
  --sf-fg-70: rgb(0 0 0 / 0.7);
  --sf-fg-60: rgb(0 0 0 / 0.6);
  --sf-fg-50: rgb(0 0 0 / 0.5);
  --sf-fg-40: rgb(0 0 0 / 0.4);
  --sf-tint: rgb(0 0 0 / 0.05);
  --sf-border-faint: rgb(0 0 0 / 0.05);
  --sf-border-active: rgb(0 0 0 / 0.4);
  --sf-link: #1a7f4b;
  --sf-on-primary: #ffffff;
  --sf-on-accent: #111111;
  --sf-scrim: rgb(0 0 0 / 0.4);
  --sf-surface: #ffffff;
  --sf-surface-80: rgb(255 255 255 / 0.8);
  --sf-space-section: 2rem;
  --sf-text-4xl: 2.25rem;
  --sf-leading-4xl: 2.5rem;
  --sf-text-3xl: 1.875rem;
  --sf-leading-3xl: 2.25rem;
  --sf-text-2xl: 1.5rem;
  --sf-leading-2xl: 2rem;
  --sf-card-radius: 0.75rem;
  --sf-card-aspect: 1 / 1;
  --sf-grid-gap: 1.25rem;
  --sf-grid-cols: 2;
  --sf-grid-cols-sm: 3;
  --sf-grid-cols-lg: 4;
  --sf-page-width: 72rem;
}