File
Source file: app/globals.css.
The central design system, layout rules, dark theme overrides, component styling, and responsive behavior.
app/globals.cssResponsibilities
This file owns the following project behavior.
- Define color, surface, typography, shadow, sidebar, and topbar tokens.
- Style AppShell, navigation, dropdowns, modals, pages, cards, tables, forms, auth, docs, calendar, kanban, charts, and operational pages.
- Apply dark theme overrides near the end of the file.
- Keep mobile breakpoints stable for dashboard and standalone pages.
Change risks
Review these risks before editing this file.
- Late selectors can override focus or dark theme styles unexpectedly.
- Hardcoded focus colors can ignore the primary color customizer.
- Large global changes can affect multiple route groups at once.
- Run TypeScript and production build after changes.
- Smoke test affected routes after deployment.