/* Together-AI-Inspired design tokens */
:root {
  --color-primary: #000000;
  --color-on-primary: #ffffff;
  --color-ink: #000000;
  --color-body: #959494;
  --color-hairline: #959494;
  --color-canvas: #ffffff;
  --color-canvas-dark: #010120;
  --color-surface-dark-soft: #313641;
  --color-on-dark: #ffffff;
  --color-accent-orange: #fc4c02;
  --color-accent-magenta: #ef2cc1;
  --color-accent-periwinkle: #bdbbff;
  --color-accent-mint: #c8f6f9;
  --font-primary: The Future, Inter, Helvetica Neue, Arial, sans-serif;
  --font-family-2: PP Neue Montreal Mono, ui-monospace, SF Mono, Menlo, monospace;
  --text-display-xxl: 64px;
  --leading-display-xxl: 70.4px;
  --tracking-display-xxl: -1.92px;
  --text-display-xl: 40px;
  --leading-display-xl: 48px;
  --tracking-display-xl: -0.8px;
  --text-display-lg: 28px;
  --leading-display-lg: 32.2px;
  --tracking-display-lg: -0.42px;
  --text-display-md: 22px;
  --leading-display-md: 25.3px;
  --tracking-display-md: -0.22px;
  --text-body-lg: 18px;
  --leading-body-lg: 23.4px;
  --tracking-body-lg: -0.18px;
  --text-body-lg-strong: 18px;
  --leading-body-lg-strong: 23.4px;
  --tracking-body-lg-strong: -0.18px;
  --text-body-md: 16px;
  --leading-body-md: 20.8px;
  --tracking-body-md: -0.16px;
  --text-body-md-strong: 16px;
  --leading-body-md-strong: 20.8px;
  --tracking-body-md-strong: -0.16px;
  --text-caption: 14px;
  --leading-caption: 19.6px;
  --text-caption-strong: 14px;
  --leading-caption-strong: 19.6px;
  --text-mono-caps-button: 16px;
  --leading-mono-caps-button: 16px;
  --tracking-mono-caps-button: 0.08px;
  --text-mono-caps-eyebrow: 11px;
  --leading-mono-caps-eyebrow: 11px;
  --tracking-mono-caps-eyebrow: 0.55px;
  --text-mono-caps-label: 11px;
  --leading-mono-caps-label: 15.4px;
  --tracking-mono-caps-label: 0.055px;
  --text-mono-caption: 10px;
  --leading-mono-caption: 14px;
  --tracking-mono-caption: 0.05px;
  --spacing-xxs: 2px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 20px;
  --spacing-2xl: 24px;
  --spacing-3xl: 32px;
  --spacing-4xl: 44px;
  --spacing-5xl: 48px;
  --spacing-6xl: 55.2px;
  --spacing-section: 80px;
  --radius-none: 0px;
  --radius-xs: 3.25px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-full: 9999px;
}