/* Cohere Design System — Type scale */
:root {
  /* Hero Display — home page declaration scale */
  --type-hero-display-font: var(--font-display);
  --type-hero-display-size: 96px;
  --type-hero-display-weight: 400;
  --type-hero-display-lh: 1;
  --type-hero-display-ls: -1.92px;

  /* Product Display */
  --type-product-display-font: var(--font-display);
  --type-product-display-size: 72px;
  --type-product-display-weight: 400;
  --type-product-display-lh: 1;
  --type-product-display-ls: -1.44px;

  /* Section Display */
  --type-section-display-font: var(--font-body);
  --type-section-display-size: 60px;
  --type-section-display-weight: 400;
  --type-section-display-lh: 1;
  --type-section-display-ls: -1.2px;

  /* Section Heading */
  --type-section-heading-font: var(--font-body);
  --type-section-heading-size: 48px;
  --type-section-heading-weight: 400;
  --type-section-heading-lh: 1.2;
  --type-section-heading-ls: -0.48px;

  /* Card Heading */
  --type-card-heading-font: var(--font-body);
  --type-card-heading-size: 32px;
  --type-card-heading-weight: 400;
  --type-card-heading-lh: 1.2;
  --type-card-heading-ls: -0.32px;

  /* Feature Heading */
  --type-feature-heading-font: var(--font-body);
  --type-feature-heading-size: 24px;
  --type-feature-heading-weight: 400;
  --type-feature-heading-lh: 1.3;
  --type-feature-heading-ls: 0;

  /* Body Large */
  --type-body-large-font: var(--font-body);
  --type-body-large-size: 18px;
  --type-body-large-weight: 400;
  --type-body-large-lh: 1.4;
  --type-body-large-ls: 0;

  /* Body */
  --type-body-font: var(--font-body);
  --type-body-size: 16px;
  --type-body-weight: 400;
  --type-body-lh: 1.5;
  --type-body-ls: 0;

  /* Button */
  --type-button-font: var(--font-body);
  --type-button-size: 14px;
  --type-button-weight: 500;
  --type-button-lh: 1.71;
  --type-button-ls: 0;

  /* Caption */
  --type-caption-font: var(--font-body);
  --type-caption-size: 14px;
  --type-caption-weight: 400;
  --type-caption-lh: 1.4;
  --type-caption-ls: 0;

  /* Mono Label */
  --type-mono-label-font: var(--font-mono);
  --type-mono-label-size: 14px;
  --type-mono-label-weight: 400;
  --type-mono-label-lh: 1.4;
  --type-mono-label-ls: 0.28px;

  /* Micro */
  --type-micro-font: var(--font-body);
  --type-micro-size: 12px;
  --type-micro-weight: 400;
  --type-micro-lh: 1.4;
  --type-micro-ls: 0;
}

body {
  font-family: var(--font-body);
  color: var(--text-primary);
  -webkit-font-smoothing: antialiased;
}