/* Cohere design tokens */
:root {
  --color-primary: #17171c;
  --color-cohere-black: #000000;
  --color-ink: #212121;
  --color-deep-green: #003c33;
  --color-dark-navy: #071829;
  --color-canvas: #ffffff;
  --color-soft-stone: #eeece7;
  --color-pale-green: #edfce9;
  --color-pale-blue: #f1f5ff;
  --color-hairline: #d9d9dd;
  --color-border-light: #e5e7eb;
  --color-card-border: #f2f2f2;
  --color-muted: #93939f;
  --color-slate: #75758a;
  --color-body-muted: #616161;
  --color-action-blue: #1863dc;
  --color-focus-blue: #4c6ee6;
  --color-coral: #ff7759;
  --color-coral-soft: #ffad9b;
  --color-form-focus: #9b60aa;
  --color-on-primary: #ffffff;
  --color-on-dark: #ffffff;
  --color-error: #b30000;
  --font-primary: 'CohereText', system-ui, sans-serif;
  --font-family-2: 'Unica77 Cohere Web', system-ui, sans-serif;
  --font-family-3: 'CohereMono', system-ui, sans-serif;
  --text-hero-display: 96px;
  --leading-hero-display: 1;
  --tracking-hero-display: -1.92px;
  --text-product-display: 72px;
  --leading-product-display: 1;
  --tracking-product-display: -1.44px;
  --text-section-display: 60px;
  --leading-section-display: 1;
  --tracking-section-display: -1.2px;
  --text-section-heading: 48px;
  --leading-section-heading: 1.2;
  --tracking-section-heading: -0.48px;
  --text-card-heading: 32px;
  --leading-card-heading: 1.2;
  --tracking-card-heading: -0.32px;
  --text-feature-heading: 24px;
  --leading-feature-heading: 1.3;
  --tracking-feature-heading: 0;
  --text-body-large: 18px;
  --leading-body-large: 1.4;
  --tracking-body-large: 0;
  --text-body: 16px;
  --leading-body: 1.5;
  --tracking-body: 0;
  --text-button: 14px;
  --leading-button: 1.71;
  --tracking-button: 0;
  --text-caption: 14px;
  --leading-caption: 1.4;
  --tracking-caption: 0;
  --text-mono-label: 14px;
  --leading-mono-label: 1.4;
  --tracking-mono-label: 0.28px;
  --text-micro: 12px;
  --leading-micro: 1.4;
  --tracking-micro: 0;
  --spacing-xxs: 2px;
  --spacing-xs: 6px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;
  --spacing-xxl: 32px;
  --spacing-section: 80px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 30px;
  --radius-pill: 32px;
  --radius-full: 9999px;
}