1  @import "tailwindcss";
  2  
  3  @custom-variant dark (&:is(.dark *));
  4  
  5  :root {
  6    --background: oklch(1.0000 0 0);
  7    --foreground: oklch(0.1884 0.0128 248.5103);
  8    --card: oklch(0.9784 0.0011 197.1387);
  9    --card-foreground: oklch(0.1884 0.0128 248.5103);
 10    --popover: oklch(1.0000 0 0);
 11    --popover-foreground: oklch(0.1884 0.0128 248.5103);
 12    --primary: oklch(0.6723 0.1606 244.9955);
 13    --primary-foreground: oklch(1.0000 0 0);
 14    --secondary: oklch(0.1884 0.0128 248.5103);
 15    --secondary-foreground: oklch(1.0000 0 0);
 16    --muted: oklch(0.9222 0.0013 286.3737);
 17    --muted-foreground: oklch(0.1884 0.0128 248.5103);
 18    --accent: oklch(0.9392 0.0166 250.8453);
 19    --accent-foreground: oklch(0.6723 0.1606 244.9955);
 20    --destructive: oklch(0.6188 0.2376 25.7658);
 21    --destructive-foreground: oklch(1.0000 0 0);
 22    --border: oklch(0.9317 0.0118 231.6594);
 23    --input: oklch(0.9809 0.0025 228.7836);
 24    --ring: oklch(0.6818 0.1584 243.3540);
 25    --chart-1: oklch(0.6723 0.1606 244.9955);
 26    --chart-2: oklch(0.6907 0.1554 160.3454);
 27    --chart-3: oklch(0.8214 0.1600 82.5337);
 28    --chart-4: oklch(0.7064 0.1822 151.7125);
 29    --chart-5: oklch(0.5919 0.2186 10.5826);
 30    --sidebar: oklch(0.9784 0.0011 197.1387);
 31    --sidebar-foreground: oklch(0.1884 0.0128 248.5103);
 32    --sidebar-primary: oklch(0.6723 0.1606 244.9955);
 33    --sidebar-primary-foreground: oklch(1.0000 0 0);
 34    --sidebar-accent: oklch(0.9392 0.0166 250.8453);
 35    --sidebar-accent-foreground: oklch(0.6723 0.1606 244.9955);
 36    --sidebar-border: oklch(0.9271 0.0101 238.5177);
 37    --sidebar-ring: oklch(0.6818 0.1584 243.3540);
 38    --font-sans: Geist, ui-sans-serif, sans-serif, system-ui;
 39    --font-serif: Geist, ui-sans-serif, sans-serif, system-ui;
 40    --font-mono: Geist Mono, ui-monospace, monospace;
 41    --radius: 0rem;
 42    --shadow-x: 0px;
 43    --shadow-y: 0px;
 44    --shadow-blur: 0px;
 45    --shadow-spread: 0px;
 46    --shadow-opacity: 0;
 47    --shadow-color: rgba(29, 161, 242, 0.15);
 48    --shadow-2xs: 0px 0px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00);
 49    --shadow-xs: 0px 0px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00);
 50    --shadow-sm: 0px 0px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
 51    --shadow: 0px 0px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
 52    --shadow-md: 0px 0px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 2px 4px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
 53    --shadow-lg: 0px 0px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 4px 6px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
 54    --shadow-xl: 0px 0px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 8px 10px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
 55    --shadow-2xl: 0px 0px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00);
 56    --tracking-normal: -0.02em;
 57    --spacing: 0.25rem;
 58  }
 59  
 60  .dark {
 61    --background: oklch(0 0 0);
 62    --foreground: oklch(0.9328 0.0025 228.7857);
 63    --card: oklch(0.2097 0.0080 274.5332);
 64    --card-foreground: oklch(0.8853 0 0);
 65    --popover: oklch(0 0 0);
 66    --popover-foreground: oklch(0.9328 0.0025 228.7857);
 67    --primary: oklch(0.6692 0.1607 245.0110);
 68    --primary-foreground: oklch(1.0000 0 0);
 69    --secondary: oklch(0.9622 0.0035 219.5331);
 70    --secondary-foreground: oklch(0.1884 0.0128 248.5103);
 71    --muted: oklch(0.2090 0 0);
 72    --muted-foreground: oklch(0.5637 0.0078 247.9662);
 73    --accent: oklch(0.1928 0.0331 242.5459);
 74    --accent-foreground: oklch(0.6692 0.1607 245.0110);
 75    --destructive: oklch(0.6188 0.2376 25.7658);
 76    --destructive-foreground: oklch(1.0000 0 0);
 77    --border: oklch(0.2674 0.0047 248.0045);
 78    --input: oklch(0.3020 0.0288 244.8244);
 79    --ring: oklch(0.6818 0.1584 243.3540);
 80    --chart-1: oklch(0.6723 0.1606 244.9955);
 81    --chart-2: oklch(0.6907 0.1554 160.3454);
 82    --chart-3: oklch(0.8214 0.1600 82.5337);
 83    --chart-4: oklch(0.7064 0.1822 151.7125);
 84    --chart-5: oklch(0.5919 0.2186 10.5826);
 85    --sidebar: oklch(0.2097 0.0080 274.5332);
 86    --sidebar-foreground: oklch(0.8853 0 0);
 87    --sidebar-primary: oklch(0.6818 0.1584 243.3540);
 88    --sidebar-primary-foreground: oklch(1.0000 0 0);
 89    --sidebar-accent: oklch(0.1928 0.0331 242.5459);
 90    --sidebar-accent-foreground: oklch(0.6692 0.1607 245.0110);
 91    --sidebar-border: oklch(0.3795 0.0220 240.5943);
 92    --sidebar-ring: oklch(0.6818 0.1584 243.3540);
 93    --font-sans: Geist, ui-sans-serif, sans-serif, system-ui;
 94    --font-serif: Geist, ui-sans-serif, sans-serif, system-ui;
 95    --font-mono: Geist Mono, ui-monospace, monospace;
 96    --radius: 0rem;
 97    --shadow-x: 0px;
 98    --shadow-y: 0px;
 99    --shadow-blur: 0px;
100    --shadow-spread: 0px;
101    --shadow-opacity: 0;
102    --shadow-color: rgba(29, 161, 242, 0.25);
103    --shadow-2xs: 0px 0px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00);
104    --shadow-xs: 0px 0px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00);
105    --shadow-sm: 0px 0px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
106    --shadow: 0px 0px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
107    --shadow-md: 0px 0px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 2px 4px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
108    --shadow-lg: 0px 0px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 4px 6px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
109    --shadow-xl: 0px 0px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 8px 10px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
110    --shadow-2xl: 0px 0px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00);
111  }
112  
113  @theme inline {
114    --color-background: var(--background);
115    --color-foreground: var(--foreground);
116    --color-card: var(--card);
117    --color-card-foreground: var(--card-foreground);
118    --color-popover: var(--popover);
119    --color-popover-foreground: var(--popover-foreground);
120    --color-primary: var(--primary);
121    --color-primary-foreground: var(--primary-foreground);
122    --color-secondary: var(--secondary);
123    --color-secondary-foreground: var(--secondary-foreground);
124    --color-muted: var(--muted);
125    --color-muted-foreground: var(--muted-foreground);
126    --color-accent: var(--accent);
127    --color-accent-foreground: var(--accent-foreground);
128    --color-destructive: var(--destructive);
129    --color-destructive-foreground: var(--destructive-foreground);
130    --color-border: var(--border);
131    --color-input: var(--input);
132    --color-ring: var(--ring);
133    --color-chart-1: var(--chart-1);
134    --color-chart-2: var(--chart-2);
135    --color-chart-3: var(--chart-3);
136    --color-chart-4: var(--chart-4);
137    --color-chart-5: var(--chart-5);
138    --color-sidebar: var(--sidebar);
139    --color-sidebar-foreground: var(--sidebar-foreground);
140    --color-sidebar-primary: var(--sidebar-primary);
141    --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
142    --color-sidebar-accent: var(--sidebar-accent);
143    --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
144    --color-sidebar-border: var(--sidebar-border);
145    --color-sidebar-ring: var(--sidebar-ring);
146  
147    --font-sans: var(--font-sans);
148    --font-mono: var(--font-mono);
149    --font-serif: var(--font-serif);
150  
151    --radius-sm: calc(var(--radius) - 4px);
152    --radius-md: calc(var(--radius) - 2px);
153    --radius-lg: var(--radius);
154    --radius-xl: calc(var(--radius) + 4px);
155  
156    --shadow-2xs: var(--shadow-2xs);
157    --shadow-xs: var(--shadow-xs);
158    --shadow-sm: var(--shadow-sm);
159    --shadow: var(--shadow);
160    --shadow-md: var(--shadow-md);
161    --shadow-lg: var(--shadow-lg);
162    --shadow-xl: var(--shadow-xl);
163    --shadow-2xl: var(--shadow-2xl);
164  
165    --tracking-tighter: calc(var(--tracking-normal) - 0.05em);
166    --tracking-tight: calc(var(--tracking-normal) - 0.025em);
167    --tracking-normal: var(--tracking-normal);
168    --tracking-wide: calc(var(--tracking-normal) + 0.025em);
169    --tracking-wider: calc(var(--tracking-normal) + 0.05em);
170    --tracking-widest: calc(var(--tracking-normal) + 0.1em);
171  }
172  
173  @layer base {
174    * {
175      border-color: var(--border);
176      outline-color: rgb(var(--ring) / 0.5);
177    }
178  
179    body {
180      background-color: var(--background);
181      color: var(--foreground);
182      letter-spacing: var(--tracking-normal);
183    }
184  }