Cursor rule

1---
2description: 
3globs: *.tsx,*.css.ts
4alwaysApply: false
5---
6- DO NOT USE TAILWIND.
7- I repeat: DO NOT USE TAILWIND!
8- This project uses Mantine as a component library.
9- CSS is written using CSS modules with Linaria. CSS is written in separate files with a `css.ts` extension.
10- CSS is imported into React components using `import * as classes from (filename).css`. It should always be accompanied by `import cx from clsx` and referencing classes should always use `cx`.
11- Mantine CSS variables are exported using Mantine's `themeToVars` which converts the base Mantine theme object into CSS variables. This list of mantine css vars is available at `app/frontent/lib`, which is aliased as `@/lib`.
12- Each css.ts file starts with the following imports:
13  `import { css } from "@linaria/core"`
14  `import { vars } from "@/lib"`
15- Styles in css.ts files are built using the `css` function from linaria with string template literals.
16