Global Theme

1@import 'tailwindcss';
2@import 'tw-animate-css';
3 
4/* Dark mode variant - equivalent to @custom-variant dark */
5@custom-variant dark (&:where(.dark, .dark *));
6 
7/* Radius mode variant - for rounded corners (sharp is default) */
8@custom-variant radius-mode (&:where(.radius-mode, .radius-mode *));
9 
10@theme inline {
11  /** Font Tokens */
12  --font-display: 'Inter', sans-serif;
13  --font-headings: 'Inter', sans-serif;
14  --font-paragraph: 'Inter', sans-serif;
15  --font-code-text: 'Roboto Mono', monospace;
16  --font-weight-300: 300;
17  --font-weight-400: 400;
18  --font-weight-600: 600;
19  --font-font-size-12: 12px;
20  --font-font-size-14: 14px;
21  --font-font-size-16: 16px;
22  --font-font-size-20: 20px;
23  --font-font-size-24: 24px;
24  --font-font-size-32: 32px;
25  --font-font-size-40: 40px;
26  --font-font-size-48: 48px;
27  --font-font-size-56: 56px;
28  --font-line-height-12: 12px;
29  --font-line-height-16: 16px;
30  --font-line-height-20: 20px;
31  --font-line-height-24: 24px;
32  --font-line-height-28: 28px;
33  --font-line-height-32: 32px;
34  --font-line-height-40: 40px;
35  --font-line-height-48: 48px;
36  --font-line-height-56: 56px;
37  --font-line-height-64: 64px;
38  --font-sans: 'Inter', sans-serif;
39 
40  /** Text Size Mappings - shadcn convention mapped to primitives */
41  --text-xs: var(--font-font-size-12);
42  --text-xs-line-height: var(--font-line-height-12);
43  --text-sm: var(--font-font-size-14);
44  --text-sm-line-height: var(--font-line-height-16);
45  --text-base: var(--font-font-size-16);
46  --text-base-line-height: var(--font-line-height-20);
47  --text-lg: var(--font-font-size-20);
48  --text-lg-line-height: var(--font-line-height-24);
49  --text-xl: var(--font-font-size-20);
50  --text-xl-line-height: var(--font-line-height-24);
51  --text-2xl: var(--font-font-size-24);
52  --text-2xl-line-height: var(--font-line-height-28);
53  --text-3xl: var(--font-font-size-32);
54  --text-3xl-line-height: var(--font-line-height-32);
55  --text-4xl: var(--font-font-size-40);
56  --text-4xl-line-height: var(--font-line-height-40);
57  --text-5xl: var(--font-font-size-48);
58  --text-5xl-line-height: var(--font-line-height-48);
59  --text-6xl: var(--font-font-size-56);
60  --text-6xl-line-height: var(--font-line-height-56);
61 
62  /** Mist Primitives */
63  --mist-50: oklch(100% 0 0);
64  --mist-100: oklch(98.54% 0.0013 286.38);
65  --mist-200: oklch(97.24% 0.0011 197.14);
66  --mist-300: oklch(96.37% 0.0017 247.84);
67  --mist-400: oklch(94.49% 0.0025 228.79);
68  --mist-500: oklch(93% 0.0035 247.86);
69  --mist-600: oklch(91.79% 0.0035 247.86);
70// … truncated