@theme {
  --color-primary: #141517;
  --color-secondary: #3b3f45;
  --color-tertiary: #fd8672;
  --color-neutral: #f4f2ee;
  --color-surface: #ffffff;
  --color-surface-2: #f8f7f4;
  --color-surface-3: #eeece7;
  --color-on-tertiary: #141517;
  --color-tertiary-text: #b23c28;
  --color-tertiary-hover: #ff9985;
  --color-tertiary-active: #f26d58;
  --color-border: #1415171a;
  --color-border-2: #1415172e;
  --color-border-strong: #1415176b;
  --color-error: #b3261e;
  --color-ok: #176d37;
  --color-night: #151618;
  --color-on-night: #f1efea;
  --font-h1: "Inter";
  --font-h2: "Inter";
  --font-h3: "Inter";
  --font-display: "Inter";
  --font-lead: "Inter";
  --font-body-md: "Inter";
  --font-body-sm: "Inter";
  --font-label: "Inter";
  --font-mono: "IBM Plex Mono";
  --text-h1: 64px;
  --text-h2: 44px;
  --text-h3: 22px;
  --text-display: 88px;
  --text-lead: 20px;
  --text-body-md: 16px;
  --text-body-sm: 14px;
  --text-label: 12px;
  --text-mono: 12px;
  --tracking-h1: -0.025em;
  --tracking-h2: -0.025em;
  --tracking-h3: -0.01em;
  --tracking-display: -0.035em;
  --tracking-label: 0.06em;
  --tracking-mono: 0.02em;
  --font-weight-h1: 600;
  --font-weight-h2: 600;
  --font-weight-h3: 600;
  --font-weight-display: 600;
  --font-weight-lead: 400;
  --font-weight-body-md: 400;
  --font-weight-body-sm: 400;
  --font-weight-label: 500;
  --font-weight-mono: 500;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 999px;
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-5: 24px;
  --spacing-6: 32px;
  --spacing-7: 48px;
  --spacing-8: 64px;
  --spacing-9: 96px;
  --spacing-10: 128px;
  --spacing-gutter: 32px;
  --spacing-max-width: 1200px;
  --spacing-target: 44px;
}