@theme {
  --border-radius-card: 14px;
  --border-radius-pill: 999px;
  --color-neutral-0: #ffffff;
  --color-neutral-25: #f9f9f9;
  --color-neutral-50: #f5f5f5;
  --color-neutral-200: #e3e3e3;
  --color-neutral-300: #d4d4d4;
  --color-neutral-500: #8a8a8a;
  --color-neutral-700: #5c5c5c;
  --color-neutral-950: #161616;
  --color-blue-300: #7fa8ff;
  --color-blue-500: #2b59ff;
  --color-blue-600: #1f47d9;
  --color-blue-950: #0b0f17;
  --color-green-600: #3f9b2b;
  --color-yellow-400: #f3c60d;
  --color-semantic-ink: #161616;
  --color-semantic-muted: #5c5c5c;
  --color-semantic-faint: #8a8a8a;
  --color-semantic-ground: #f5f5f5;
  --color-semantic-ground-alt: #f9f9f9;
  --color-semantic-surface: #ffffff;
  --color-semantic-border: #e3e3e3;
  --color-semantic-border-alt: #d4d4d4;
  --color-semantic-accent: #2b59ff;
  --color-semantic-accent-hover: #1f47d9;
  --color-semantic-accent-contrast: #ffffff;
  --color-semantic-brand: #2b59ff;
  --color-semantic-success: #3f9b2b;
  --color-semantic-star: #f3c60d;
  --color-semantic-dark-ground: #0b0f17;
  --color-semantic-dark-accent: #7fa8ff;
  --layout-container: 1180px;
  --shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.06);
  --spacing-0: 0px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-36: 36px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-56: 56px;
  --spacing-64: 64px;
  --spacing-72: 72px;
  --spacing-80: 80px;
  --spacing-96: 96px;
  --typography-stack-cal-sans: 'Cal Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --typography-stack-inter: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --typography-stack-ibm-plex-mono: 'IBM Plex Mono', 'SFMono-Regular', Menlo, Consolas, monospace;
  --typography-size-12: 12px;
  --typography-size-14: 14px;
  --typography-size-15: 15px;
  --typography-size-18: 18px;
  --typography-size-44: 44px;
  --typography-size-48: 48px;
  --typography-size-56: 56px;
  --typography-size-64: 64px;
  --typography-size-72: 72px;
  --typography-font-family-display: 'Cal Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --typography-font-family-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --typography-font-family-mono: 'IBM Plex Mono', 'SFMono-Regular', Menlo, Consolas, monospace;
  --typography-display-hero: 400 72px/1.08 'Cal Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --typography-display-panel: 400 56px/1.1 'Cal Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --typography-display-section: 400 44px/1.1 'Cal Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --typography-metric-statement: 400 64px/1 'Cal Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --typography-metric-card: 400 48px/1 'Cal Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --typography-body-lead: 400 18px/1.6 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --typography-body-copy: 400 15px/1.6 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --typography-control-default: 500 15px/1 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --typography-control-small: 500 14px/1 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --typography-control-large: 500 18px/1 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --typography-mono-tagline: 300 12px/1.6 'IBM Plex Mono', 'SFMono-Regular', Menlo, Consolas, monospace;
}