/* Framer design tokens */
:root {
  --color-primary: #ffffff;
  --color-on-primary: #000000;
  --color-accent-blue: #0099ff;
  --color-ink: #ffffff;
  --color-ink-muted: #999999;
  --color-canvas: #090909;
  --color-surface-1: #141414;
  --color-surface-2: #1c1c1c;
  --color-hairline: #262626;
  --color-hairline-soft: #1a1a1a;
  --color-inverse-canvas: #ffffff;
  --color-inverse-ink: #000000;
  --color-gradient-magenta: #d44df0;
  --color-gradient-violet: #6a4cf5;
  --color-gradient-orange: #ff7a3d;
  --color-gradient-coral: #ff5577;
  --color-semantic-success: #22c55e;
  --font-primary: 'GT Walsheim Framer Medium', system-ui, sans-serif;
  --font-family-2: 'GT Walsheim Medium', system-ui, sans-serif;
  --font-family-3: 'Inter', system-ui, sans-serif;
  --font-family-4: 'Inter Variable', system-ui, sans-serif;
  --text-display-xxl: 110px;
  --leading-display-xxl: 0.85;
  --tracking-display-xxl: -5.5px;
  --text-display-xl: 85px;
  --leading-display-xl: 0.95;
  --tracking-display-xl: -4.25px;
  --text-display-lg: 62px;
  --leading-display-lg: 1;
  --tracking-display-lg: -3.1px;
  --text-display-md: 32px;
  --leading-display-md: 1.13;
  --tracking-display-md: -1.0px;
  --text-headline: 22px;
  --leading-headline: 1.2;
  --tracking-headline: -0.8px;
  --text-subhead: 24px;
  --leading-subhead: 1.3;
  --tracking-subhead: -0.01px;
  --text-body-lg: 18px;
  --leading-body-lg: 1.3;
  --tracking-body-lg: -0.18px;
  --text-body: 15px;
  --leading-body: 1.3;
  --tracking-body: -0.15px;
  --text-body-sm: 14px;
  --leading-body-sm: 1.4;
  --tracking-body-sm: -0.14px;
  --text-caption: 13px;
  --leading-caption: 1.2;
  --tracking-caption: -0.13px;
  --text-micro: 12px;
  --leading-micro: 1.2;
  --tracking-micro: -0.12px;
  --text-button: 14px;
  --leading-button: 1;
  --tracking-button: -0.14px;
  --spacing-hair: 1px;
  --spacing-xxs: 4px;
  --spacing-xs: 8px;
  --spacing-sm: 12px;
  --spacing-md: 15px;
  --spacing-lg: 20px;
  --spacing-xl: 30px;
  --spacing-xxl: 40px;
  --spacing-section: 96px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 15px;
  --radius-xl: 20px;
  --radius-xxl: 30px;
  --radius-pill: 100px;
  --radius-full: 9999px;
}