src/index.css 7.6 K raw
1
@import "tailwindcss";
2
@import "tw-animate-css";
3
@plugin "@tailwindcss/typography";
4
5
@custom-variant dark (&:is(.dark *));
6
7
:root {
8
  --background: oklch(1.0000 0 0);
9
  --foreground: oklch(0.2101 0.0318 264.6645);
10
  --card: oklch(1.0000 0 0);
11
  --card-foreground: oklch(0.2101 0.0318 264.6645);
12
  --popover: oklch(1.0000 0 0);
13
  --popover-foreground: oklch(0.2101 0.0318 264.6645);
14
  --primary: oklch(0.6716 0.1368 48.5130);
15
  --primary-foreground: oklch(1.0000 0 0);
16
  --secondary: oklch(0.5360 0.0398 196.0280);
17
  --secondary-foreground: oklch(1.0000 0 0);
18
  --muted: oklch(0.9670 0.0029 264.5419);
19
  --muted-foreground: oklch(0.5510 0.0234 264.3637);
20
  --accent: oklch(0.9491 0 0);
21
  --accent-foreground: oklch(0.2101 0.0318 264.6645);
22
  --destructive: oklch(0.6368 0.2078 25.3313);
23
  --destructive-foreground: oklch(0.9851 0 0);
24
  --border: oklch(0.9276 0.0058 264.5313);
25
  --input: oklch(0.9276 0.0058 264.5313);
26
  --ring: oklch(0.6716 0.1368 48.5130);
27
  --chart-1: oklch(0.5940 0.0443 196.0233);
28
  --chart-2: oklch(0.7214 0.1337 49.9802);
29
  --chart-3: oklch(0.8721 0.0864 68.5474);
30
  --chart-4: oklch(0.6268 0 0);
31
  --chart-5: oklch(0.6830 0 0);
32
  --sidebar: oklch(0.9670 0.0029 264.5419);
33
  --sidebar-foreground: oklch(0.2101 0.0318 264.6645);
34
  --sidebar-primary: oklch(0.6716 0.1368 48.5130);
35
  --sidebar-primary-foreground: oklch(1.0000 0 0);
36
  --sidebar-accent: oklch(1.0000 0 0);
37
  --sidebar-accent-foreground: oklch(0.2101 0.0318 264.6645);
38
  --sidebar-border: oklch(0.9276 0.0058 264.5313);
39
  --sidebar-ring: oklch(0.6716 0.1368 48.5130);
40
  --font-sans: Geist Mono, ui-monospace, monospace;
41
  --font-serif: serif;
42
  --font-mono: JetBrains Mono, monospace;
43
  --radius: 0.75rem;
44
  --shadow-x: 0;
45
  --shadow-y: 1px;
46
  --shadow-blur: 4px;
47
  --shadow-spread: 0px;
48
  --shadow-opacity: 0.05;
49
  --shadow-color: #000000;
50
  --shadow-2xs: 0px 1px 4px 0px hsl(0 0% 0% / 0.03);
51
  --shadow-xs: 0px 1px 4px 0px hsl(0 0% 0% / 0.03);
52
  --shadow-sm: 0px 1px 4px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05);
53
  --shadow: 0px 1px 4px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05);
54
  --shadow-md: 0px 1px 4px 0px hsl(0 0% 0% / 0.05), 0px 2px 4px -1px hsl(0 0% 0% / 0.05);
55
  --shadow-lg: 0px 1px 4px 0px hsl(0 0% 0% / 0.05), 0px 4px 6px -1px hsl(0 0% 0% / 0.05);
56
  --shadow-xl: 0px 1px 4px 0px hsl(0 0% 0% / 0.05), 0px 8px 10px -1px hsl(0 0% 0% / 0.05);
57
  --shadow-2xl: 0px 1px 4px 0px hsl(0 0% 0% / 0.13);
58
  --tracking-normal: 0rem;
59
  --spacing: 0.25rem;
60
  --shadow-offset-x: 0px;
61
  --shadow-offset-y: 1px;
62
  --letter-spacing: 0rem;
63
}
64
65
.dark {
66
  --background: oklch(0.1797 0.0043 308.1928);
67
  --foreground: oklch(0.8109 0 0);
68
  --card: oklch(0.1822 0 0);
69
  --card-foreground: oklch(0.8109 0 0);
70
  --popover: oklch(0.1797 0.0043 308.1928);
71
  --popover-foreground: oklch(0.8109 0 0);
72
  --primary: oklch(0.7214 0.1337 49.9802);
73
  --primary-foreground: oklch(0.1797 0.0043 308.1928);
74
  --secondary: oklch(0.5940 0.0443 196.0233);
75
  --secondary-foreground: oklch(0.1797 0.0043 308.1928);
76
  --muted: oklch(0.2520 0 0);
77
  --muted-foreground: oklch(0.6268 0 0);
78
  --accent: oklch(0.3211 0 0);
79
  --accent-foreground: oklch(0.8109 0 0);
80
  --destructive: oklch(0.5940 0.0443 196.0233);
81
  --destructive-foreground: oklch(0.1797 0.0043 308.1928);
82
  --border: oklch(0.2520 0 0);
83
  --input: oklch(0.2520 0 0);
84
  --ring: oklch(0.7214 0.1337 49.9802);
85
  --chart-1: oklch(0.5940 0.0443 196.0233);
86
  --chart-2: oklch(0.7214 0.1337 49.9802);
87
  --chart-3: oklch(0.8721 0.0864 68.5474);
88
  --chart-4: oklch(0.6268 0 0);
89
  --chart-5: oklch(0.6830 0 0);
90
  --sidebar: oklch(0.1822 0 0);
91
  --sidebar-foreground: oklch(0.8109 0 0);
92
  --sidebar-primary: oklch(0.7214 0.1337 49.9802);
93
  --sidebar-primary-foreground: oklch(0.1797 0.0043 308.1928);
94
  --sidebar-accent: oklch(0.3211 0 0);
95
  --sidebar-accent-foreground: oklch(0.8109 0 0);
96
  --sidebar-border: oklch(0.2520 0 0);
97
  --sidebar-ring: oklch(0.7214 0.1337 49.9802);
98
  --font-sans: Geist Mono, ui-monospace, monospace;
99
  --font-serif: serif;
100
  --font-mono: JetBrains Mono, monospace;
101
  --radius: 0.75rem;
102
  --shadow-x: 0;
103
  --shadow-y: 1px;
104
  --shadow-blur: 4px;
105
  --shadow-spread: 0px;
106
  --shadow-opacity: 0.05;
107
  --shadow-color: #000000;
108
  --shadow-2xs: 0px 1px 4px 0px hsl(0 0% 0% / 0.03);
109
  --shadow-xs: 0px 1px 4px 0px hsl(0 0% 0% / 0.03);
110
  --shadow-sm: 0px 1px 4px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05);
111
  --shadow: 0px 1px 4px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05);
112
  --shadow-md: 0px 1px 4px 0px hsl(0 0% 0% / 0.05), 0px 2px 4px -1px hsl(0 0% 0% / 0.05);
113
  --shadow-lg: 0px 1px 4px 0px hsl(0 0% 0% / 0.05), 0px 4px 6px -1px hsl(0 0% 0% / 0.05);
114
  --shadow-xl: 0px 1px 4px 0px hsl(0 0% 0% / 0.05), 0px 8px 10px -1px hsl(0 0% 0% / 0.05);
115
  --shadow-2xl: 0px 1px 4px 0px hsl(0 0% 0% / 0.13);
116
  --shadow-offset-x: 0px;
117
  --shadow-offset-y: 1px;
118
  --letter-spacing: 0rem;
119
  --spacing: 0.25rem;
120
}
121
122
@theme inline {
123
  --color-background: var(--background);
124
  --color-foreground: var(--foreground);
125
  --color-card: var(--card);
126
  --color-card-foreground: var(--card-foreground);
127
  --color-popover: var(--popover);
128
  --color-popover-foreground: var(--popover-foreground);
129
  --color-primary: var(--primary);
130
  --color-primary-foreground: var(--primary-foreground);
131
  --color-secondary: var(--secondary);
132
  --color-secondary-foreground: var(--secondary-foreground);
133
  --color-muted: var(--muted);
134
  --color-muted-foreground: var(--muted-foreground);
135
  --color-accent: var(--accent);
136
  --color-accent-foreground: var(--accent-foreground);
137
  --color-destructive: var(--destructive);
138
  --color-destructive-foreground: var(--destructive-foreground);
139
  --color-border: var(--border);
140
  --color-input: var(--input);
141
  --color-ring: var(--ring);
142
  --color-chart-1: var(--chart-1);
143
  --color-chart-2: var(--chart-2);
144
  --color-chart-3: var(--chart-3);
145
  --color-chart-4: var(--chart-4);
146
  --color-chart-5: var(--chart-5);
147
  --color-sidebar: var(--sidebar);
148
  --color-sidebar-foreground: var(--sidebar-foreground);
149
  --color-sidebar-primary: var(--sidebar-primary);
150
  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
151
  --color-sidebar-accent: var(--sidebar-accent);
152
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
153
  --color-sidebar-border: var(--sidebar-border);
154
  --color-sidebar-ring: var(--sidebar-ring);
155
156
  --font-sans: Geist Mono, ui-monospace, monospace;
157
  --font-mono: JetBrains Mono, monospace;
158
  --font-serif: serif;
159
160
  --radius-sm: calc(var(--radius) - 4px);
161
  --radius-md: calc(var(--radius) - 2px);
162
  --radius-lg: var(--radius);
163
  --radius-xl: calc(var(--radius) + 4px);
164
165
  --shadow-2xs: var(--shadow-2xs);
166
  --shadow-xs: var(--shadow-xs);
167
  --shadow-sm: var(--shadow-sm);
168
  --shadow: var(--shadow);
169
  --shadow-md: var(--shadow-md);
170
  --shadow-lg: var(--shadow-lg);
171
  --shadow-xl: var(--shadow-xl);
172
  --shadow-2xl: var(--shadow-2xl);
173
  --radius: 0.75rem;
174
  --tracking-tighter: calc(var(--tracking-normal) - 0.05em);
175
  --tracking-tight: calc(var(--tracking-normal) - 0.025em);
176
  --tracking-wide: calc(var(--tracking-normal) + 0.025em);
177
  --tracking-wider: calc(var(--tracking-normal) + 0.05em);
178
  --tracking-widest: calc(var(--tracking-normal) + 0.1em);
179
  --tracking-normal: var(--tracking-normal);
180
  --spacing: var(--spacing);
181
  --letter-spacing: var(--letter-spacing);
182
  --shadow-offset-y: var(--shadow-offset-y);
183
  --shadow-offset-x: var(--shadow-offset-x);
184
  --shadow-spread: var(--shadow-spread);
185
  --shadow-blur: var(--shadow-blur);
186
  --shadow-opacity: var(--shadow-opacity);
187
  --color-shadow-color: var(--shadow-color);
188
}
189
190
@layer base {
191
  * {
192
    @apply border-border outline-ring/50;
193
  }
194
  body {
195
    @apply bg-background text-foreground;
196
    letter-spacing: var(--tracking-normal);
197
  }
198
}