/* Generated by Tools/codeanvil/codeanvil.js interface-typography-projection. */
/* Source authority: Resources/typography/interface-typography-system.json. */

:root {
  --codeanvil-interface-typography-system: interface-typography-system;
  --codeanvil-type-display-font-size: 32px;
  --codeanvil-type-display-line-height: 40px;
  --codeanvil-type-display-font-weight: 700;
  --codeanvil-type-h1-font-size: 24px;
  --codeanvil-type-h1-line-height: 32px;
  --codeanvil-type-h1-font-weight: 700;
  --codeanvil-type-h2-font-size: 18px;
  --codeanvil-type-h2-line-height: 26px;
  --codeanvil-type-h2-font-weight: 700;
  --codeanvil-type-body-font-size: 14px;
  --codeanvil-type-body-line-height: 22px;
  --codeanvil-type-body-font-weight: 400;
  --codeanvil-type-label-font-size: 12px;
  --codeanvil-type-label-line-height: 16px;
  --codeanvil-type-label-font-weight: 700;
  --codeanvil-type-caption-font-size: 12px;
  --codeanvil-type-caption-line-height: 16px;
  --codeanvil-type-caption-font-weight: 500;
  --codeanvil-type-code-font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --codeanvil-type-code-font-size: 12px;
  --codeanvil-type-code-line-height: 18px;
  --codeanvil-type-code-font-weight: 500;
}

.ca-type-display {
  font-size: var(--codeanvil-type-display-font-size);
  line-height: var(--codeanvil-type-display-line-height);
  font-weight: var(--codeanvil-type-display-font-weight);
}

.ca-type-h1 {
  font-size: var(--codeanvil-type-h1-font-size);
  line-height: var(--codeanvil-type-h1-line-height);
  font-weight: var(--codeanvil-type-h1-font-weight);
}

.ca-type-h2 {
  font-size: var(--codeanvil-type-h2-font-size);
  line-height: var(--codeanvil-type-h2-line-height);
  font-weight: var(--codeanvil-type-h2-font-weight);
}

.ca-type-body {
  font-size: var(--codeanvil-type-body-font-size);
  line-height: var(--codeanvil-type-body-line-height);
  font-weight: var(--codeanvil-type-body-font-weight);
}

.ca-type-label {
  font-size: var(--codeanvil-type-label-font-size);
  line-height: var(--codeanvil-type-label-line-height);
  font-weight: var(--codeanvil-type-label-font-weight);
}

.ca-type-caption {
  font-size: var(--codeanvil-type-caption-font-size);
  line-height: var(--codeanvil-type-caption-line-height);
  font-weight: var(--codeanvil-type-caption-font-weight);
}

.ca-type-code {
  font-family: var(--codeanvil-type-code-font-family);
  font-size: var(--codeanvil-type-code-font-size);
  line-height: var(--codeanvil-type-code-line-height);
  font-weight: var(--codeanvil-type-code-font-weight);
}