tailwind.config.css38 lines · main

1	@import 'tailwindcss';
2
3	/* JS plugins. Tailwind v4 supports `@plugin` for both v3-style JS plugins and
4	* v4-native packages. */
5	@plugin "@tailwindcss/typography";
6	@plugin "@tailwindcss/forms";
7	@import 'tw-animate-css';
8
9	/* Per-theme overrides for semantic --background-/--foreground-/--brand-*
10	* tokens. Radix/scale/brand --color-* values are inlined directly in
11	* colors.css below. */
12	@import '../ui/build/css/source/global.css';
13	@import '../ui/build/css/themes/dark.css';
14	@import '../ui/build/css/themes/light.css';
15
16	/* Reset Tailwind's built-in color tokens before re-defining our own, so e.g.
17	* --color-amber-* doesn't ship a default Tailwind value alongside the Radix
18	* one. */
19	@import './unset-tw-colors.css';
20
21	/* Theme tokens + utilities + variants + base layer. colors.css declares the
22	* Radix/scale/brand --color-* CSS variables with per-theme values; theme.css
23	* consumes them from @theme inline so Tailwind generates the utilities. */
24	@import './css/colors.css';
25	@import './css/theme.css';
26	@import './css/animations.css';
27	@import './css/utilities.css';
28	@import './tailwind-plugins/hit-area.css';
29	@import './css/variants.css';
30	@import './css/base.css';
31
32	/*
33	* Typography prose / prose-toc / prose-docs overrides live in a focused JS
34	* config because @tailwindcss/typography reads its theme.typography options
35	* from the JS config — not from CSS @theme tokens. See:
36	* https://github.com/tailwindlabs/tailwindcss-typography#customizing-the-css
37	*/
38	@config './typography.config.js';