/** * Design tokens from @octopusdeploy/design-system-tokens, as CSS custom properties. * Generated from the design system's source tokens - do not edit. * * Include all four stylesheets. lightTheme.css and darkTheme.css are selected by the * data-theme attribute, set on whichever element you want themed - usually , but any * element works. globals.css and textTheme.css are theme-independent and always apply. */ :root { --fontFamilyCode: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", "Oxygen Mono", "Ubuntu Mono", monospace; --fontFamilyDefault: BlinkMacSystemFont, -apple-system, "Segoe UI", "Oxygen Sans", Ubuntu, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --textHeading2xLarge: 600 3rem/3.5rem var(--fontFamilyDefault, 'BlinkMacSystemFont, -apple-system, "Segoe UI", "Oxygen Sans", Ubuntu, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol'); --textHeadingXLarge: 600 2rem/2.75rem var(--fontFamilyDefault, 'BlinkMacSystemFont, -apple-system, "Segoe UI", "Oxygen Sans", Ubuntu, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol'); --textHeadingLarge: 600 1.5rem/2rem var(--fontFamilyDefault, 'BlinkMacSystemFont, -apple-system, "Segoe UI", "Oxygen Sans", Ubuntu, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol'); --textHeadingMedium: 600 1.25rem/1.75rem var(--fontFamilyDefault, 'BlinkMacSystemFont, -apple-system, "Segoe UI", "Oxygen Sans", Ubuntu, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol'); --textHeadingSmall: 600 1rem/1.5rem var(--fontFamilyDefault, 'BlinkMacSystemFont, -apple-system, "Segoe UI", "Oxygen Sans", Ubuntu, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol'); --textHeadingXSmall: 600 0.75rem/1.25rem var(--fontFamilyDefault, 'BlinkMacSystemFont, -apple-system, "Segoe UI", "Oxygen Sans", Ubuntu, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol'); --textBodyRegularLarge: 400 1rem/1.5rem var(--fontFamilyDefault, 'BlinkMacSystemFont, -apple-system, "Segoe UI", "Oxygen Sans", Ubuntu, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol'); --textBodyRegularMedium: 400 0.875rem/1.25rem var(--fontFamilyDefault, 'BlinkMacSystemFont, -apple-system, "Segoe UI", "Oxygen Sans", Ubuntu, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol'); --textBodyRegularSmall: 400 0.8125rem/1.25rem var(--fontFamilyDefault, 'BlinkMacSystemFont, -apple-system, "Segoe UI", "Oxygen Sans", Ubuntu, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol'); --textBodyRegularXSmall: 400 0.75rem/1.25rem var(--fontFamilyDefault, 'BlinkMacSystemFont, -apple-system, "Segoe UI", "Oxygen Sans", Ubuntu, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol'); --textBodyBoldLarge: 600 1rem/1.5rem var(--fontFamilyDefault, 'BlinkMacSystemFont, -apple-system, "Segoe UI", "Oxygen Sans", Ubuntu, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol'); --textBodyBoldMedium: 600 0.875rem/1.25rem var(--fontFamilyDefault, 'BlinkMacSystemFont, -apple-system, "Segoe UI", "Oxygen Sans", Ubuntu, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol'); --textBodyBoldSmall: 600 0.8125rem/1.25rem var(--fontFamilyDefault, 'BlinkMacSystemFont, -apple-system, "Segoe UI", "Oxygen Sans", Ubuntu, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol'); --textBodyBoldXSmall: 600 0.75rem/1.25rem var(--fontFamilyDefault, 'BlinkMacSystemFont, -apple-system, "Segoe UI", "Oxygen Sans", Ubuntu, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol'); --textCodeRegularLarge: 400 1rem/1.5rem var(--fontFamilyCode, 'ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", "Oxygen Mono", "Ubuntu Mono", monospace'); --textCodeRegularMedium: 400 0.875rem/1.25rem var(--fontFamilyCode, 'ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", "Oxygen Mono", "Ubuntu Mono", monospace'); --textCodeRegularSmall: 400 0.8125rem/1.25rem var(--fontFamilyCode, 'ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", "Oxygen Mono", "Ubuntu Mono", monospace'); --textCodeRegularXSmall: 400 0.75rem/1.25rem var(--fontFamilyCode, 'ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", "Oxygen Mono", "Ubuntu Mono", monospace'); --textCodeBoldLarge: 600 1rem/1.5rem var(--fontFamilyCode, 'ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", "Oxygen Mono", "Ubuntu Mono", monospace'); --textCodeBoldMedium: 600 0.875rem/1.25rem var(--fontFamilyCode, 'ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", "Oxygen Mono", "Ubuntu Mono", monospace'); --textCodeBoldSmall: 600 0.8125rem/1.25rem var(--fontFamilyCode, 'ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", "Oxygen Mono", "Ubuntu Mono", monospace'); --textCodeBoldXSmall: 600 0.75rem/1.25rem var(--fontFamilyCode, 'ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", "Oxygen Mono", "Ubuntu Mono", monospace'); }