/* PostHog design tokens */
:root {
  --color-primary: #f7a501;
  --color-primary-pressed: #dd9001;
  --color-primary-active: #b17816;
  --color-on-primary: #23251d;
  --color-ink: #23251d;
  --color-body: #4d4f46;
  --color-charcoal: #33342d;
  --color-mute: #6c6e63;
  --color-ash: #9b9c92;
  --color-stone: #b6b7af;
  --color-hairline: #bfc1b7;
  --color-hairline-soft: #dcdfd2;
  --color-on-dark: #ffffff;
  --color-canvas: #eeefe9;
  --color-surface-soft: #e5e7e0;
  --color-surface-card: #ffffff;
  --color-surface-doc: #fcfcfa;
  --color-surface-dark: #23251d;
  --color-link-blue: #1d4ed8;
  --color-link-teal: #1078a3;
  --color-accent-blue: #2c84e0;
  --color-accent-blue-soft: #dceaf6;
  --color-accent-red: #cd4239;
  --color-accent-red-soft: #f7d6d3;
  --color-accent-green: #2c8c66;
  --color-accent-green-soft: #d9eddf;
  --color-accent-purple: #7c44a6;
  --color-accent-purple-soft: #e7d8ee;
  --color-focus-ring: rgba(59,130,246,0.5);
  --font-primary: 'IBM Plex Sans Variable', system-ui, sans-serif;
  --font-family-2: 'ui-monospace', system-ui, sans-serif;
  --font-family-3: 'Source Code Pro', system-ui, sans-serif;
  --text-display-xl: 36px;
  --leading-display-xl: 1.5;
  --tracking-display-xl: 0;
  --text-display-lg: 24px;
  --leading-display-lg: 1.33;
  --tracking-display-lg: -0.6px;
  --text-heading-lg: 21px;
  --leading-heading-lg: 1.4;
  --tracking-heading-lg: -0.5px;
  --text-heading-md: 20px;
  --leading-heading-md: 1.4;
  --tracking-heading-md: 0;
  --text-heading-sm: 18px;
  --leading-heading-sm: 1.5;
  --tracking-heading-sm: 0;
  --text-heading-sm-mixed: 18px;
  --leading-heading-sm-mixed: 1.56;
  --tracking-heading-sm-mixed: 0;
  --text-body-md: 16px;
  --leading-body-md: 1.5;
  --tracking-body-md: 0;
  --text-body-strong: 16px;
  --leading-body-strong: 1.5;
  --tracking-body-strong: 0;
  --text-body-sm: 15px;
  --leading-body-sm: 1.71;
  --tracking-body-sm: 0;
  --text-body-sm-strong: 15px;
  --leading-body-sm-strong: 1.71;
  --tracking-body-sm-strong: 0;
  --text-body-xs: 14px;
  --leading-body-xs: 1.43;
  --tracking-body-xs: 0;
  --text-caption-md: 14px;
  --leading-caption-md: 1.71;
  --tracking-caption-md: 0;
  --text-caption-sm: 13px;
  --leading-caption-sm: 1.5;
  --tracking-caption-sm: 0;
  --text-caption-xs: 12px;
  --leading-caption-xs: 1.33;
  --tracking-caption-xs: 0;
  --text-utility-xs: 12px;
  --leading-utility-xs: 1.33;
  --tracking-utility-xs: 0;
  --text-link-md: 16px;
  --leading-link-md: 1.5;
  --tracking-link-md: 0;
  --text-button-md: 14px;
  --leading-button-md: 1.5;
  --tracking-button-md: 0;
  --text-button-sm: 13px;
  --leading-button-sm: 1;
  --tracking-button-sm: 0;
  --text-code-sm: 14px;
  --leading-code-sm: 1.43;
  --tracking-code-sm: 0;
  --text-code-xs: 14px;
  --leading-code-xs: 1.43;
  --tracking-code-xs: 0;
  --spacing-xxs: 2px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;
  --spacing-xxl: 32px;
  --spacing-section: 80px;
  --radius-none: 0px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-full: 9999px;
}