Skip to main content

Variable: PREFLIGHT_CSS

const PREFLIGHT_CSS: "*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n}\n\nbody {\n font-family: var(--tt-text-body-md-font-family, system-ui, sans-serif);\n font-size: var(--tt-text-body-md-font-size);\n line-height: var(--tt-text-body-md-line-height);\n color: var(--tt-colors-informational-primary-text-default);\n background-color: var(--tt-colors-informational-primary-background-default);\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n@media (prefers-reduced-motion: reduce) {\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n}"

Defined in: roots/preflight.ts:22

The theme's base stylesheet as a raw CSS string — box-sizing reset, body typography/colour bound to semantic tokens, and the reduced-motion guard. Inject once at the app root. Requires the --tt-* custom properties to be present (via getThemeStylesContent / <ThemeStyles> / <ThemeProvider>).