@mixin primer-colors-typography { & { --fontStack-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; --fontStack-sansSerif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; --fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; --text-display-lineBoxHeight: 3.5rem; --text-display-size: 2.5rem; --text-display-lineHeight: calc(56 / 40); --text-display-weight: 500; --text-display-shorthand: 500 2.5rem / calc(56 / 40) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; --text-title-size-large: 2rem; --text-title-size-medium: 1.25rem; --text-title-size-small: 1rem; --text-title-lineHeight-large: calc(48 / 32); --text-title-lineHeight-medium: calc(32 / 20); --text-title-lineHeight-small: calc(24 / 16); --text-title-weight-large: 600; --text-title-weight-medium: 600; --text-title-weight-small: 600; --text-title-shorthand-large: 600 2rem / calc(48 / 32) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; --text-title-shorthand-medium: 600 1.25rem / calc(32 / 20) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; --text-title-shorthand-small: 600 1rem / calc(24 / 16) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; --text-subtitle-size: 1.25rem; --text-subtitle-lineHeight: calc(32 / 20); --text-subtitle-weight: 400; --text-subtitle-shorthand: 400 1.25rem / calc(32 / 20) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; --text-body-size-large: 1rem; --text-body-size-medium: 0.875rem; --text-body-size-small: 0.75rem; --text-body-lineHeight-large: calc(24 / 16); --text-body-lineHeight-medium: calc(20 / 14); --text-body-lineHeight-small: calc(20 / 12); --text-body-weight: 400; --text-body-shorthand-large: 400 1rem / calc(24 / 16) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; --text-body-shorthand-medium: 400 0.875rem / calc(20 / 14) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; --text-body-shorthand-small: 400 0.75rem / calc(20 / 12) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; --text-caption-size: 0.75rem; --text-caption-lineHeight: calc(16 / 12); --text-caption-weight: 400; --text-caption-shorthand: 400 0.75rem / calc(16 / 12) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; --text-codeBlock-size: 0.8125rem; --text-codeBlock-lineHeight: calc(20 / 13); --text-codeBlock-weight: 400; --text-codeBlock-shorthand: 400 0.8125rem / calc(20 / 13) ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; --text-codeInline-size: 0.9285em; --text-codeInline-weight: 400; --text-codeInline-shorthand: 400 0.9285em ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; } }