diff --git a/src/app/globals.css b/src/app/globals.css index cde94af..cd2ff1b 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -28,92 +28,95 @@ } :root { - --background: oklch(0.9789 0.0082 121.6272); - --foreground: oklch(0 0 0); - --card: oklch(1.0000 0 0); - --card-foreground: oklch(0 0 0); + --background: oklch(0.9754 0.0084 325.6414); + --foreground: oklch(0.3257 0.1161 325.0372); + --card: oklch(0.9754 0.0084 325.6414); + --card-foreground: oklch(0.3257 0.1161 325.0372); --popover: oklch(1.0000 0 0); - --popover-foreground: oklch(0 0 0); - --primary: oklch(0.5106 0.2301 276.9656); + --popover-foreground: oklch(0.3257 0.1161 325.0372); + --primary: oklch(0.5316 0.1409 355.1999); --primary-foreground: oklch(1.0000 0 0); - --secondary: oklch(0.7038 0.1230 182.5025); - --secondary-foreground: oklch(1.0000 0 0); - --muted: oklch(0.9551 0 0); - --muted-foreground: oklch(0.3211 0 0); - --accent: oklch(0.7686 0.1647 70.0804); - --accent-foreground: oklch(0 0 0); - --destructive: oklch(0.6368 0.2078 25.3313); + --secondary: oklch(0.8696 0.0675 334.8991); + --secondary-foreground: oklch(0.4448 0.1341 324.7991); + --muted: oklch(0.9395 0.0260 331.5454); + --muted-foreground: oklch(0.4924 0.1244 324.4523); + --accent: oklch(0.8696 0.0675 334.8991); + --accent-foreground: oklch(0.4448 0.1341 324.7991); + --destructive: oklch(0.5248 0.1368 20.8317); --destructive-foreground: oklch(1.0000 0 0); - --border: oklch(0 0 0); - --input: oklch(0.5555 0 0); - --ring: oklch(0.7853 0.1041 274.7134); - --chart-1: oklch(0.5106 0.2301 276.9656); - --chart-2: oklch(0.7038 0.1230 182.5025); - --chart-3: oklch(0.7686 0.1647 70.0804); - --chart-4: oklch(0.6559 0.2118 354.3084); - --chart-5: oklch(0.7227 0.1920 149.5793); - --sidebar: oklch(0.9789 0.0082 121.6272); - --sidebar-foreground: oklch(0 0 0); - --sidebar-primary: oklch(0.5106 0.2301 276.9656); - --sidebar-primary-foreground: oklch(1.0000 0 0); - --sidebar-accent: oklch(0.7686 0.1647 70.0804); - --sidebar-accent-foreground: oklch(0 0 0); - --sidebar-border: oklch(0 0 0); - --sidebar-ring: oklch(0.7853 0.1041 274.7134); - --radius: 1rem; - --shadow-2xs: 0px 0px 0px 0px hsl(0 0% 10.1961% / 0.03); - --shadow-xs: 0px 0px 0px 0px hsl(0 0% 10.1961% / 0.03); - --shadow-sm: 0px 0px 0px 0px hsl(0 0% 10.1961% / 0.05), 0px 1px 2px -1px hsl(0 0% 10.1961% / 0.05); - --shadow: 0px 0px 0px 0px hsl(0 0% 10.1961% / 0.05), 0px 1px 2px -1px hsl(0 0% 10.1961% / 0.05); - --shadow-md: 0px 0px 0px 0px hsl(0 0% 10.1961% / 0.05), 0px 2px 4px -1px hsl(0 0% 10.1961% / 0.05); - --shadow-lg: 0px 0px 0px 0px hsl(0 0% 10.1961% / 0.05), 0px 4px 6px -1px hsl(0 0% 10.1961% / 0.05); - --shadow-xl: 0px 0px 0px 0px hsl(0 0% 10.1961% / 0.05), 0px 8px 10px -1px hsl(0 0% 10.1961% / 0.05); - --shadow-2xl: 0px 0px 0px 0px hsl(0 0% 10.1961% / 0.13); - --tracking-normal: normal; + --border: oklch(0.8568 0.0829 328.9110); + --input: oklch(0.8517 0.0558 336.6002); + --ring: oklch(0.5916 0.2180 0.5844); + --chart-1: oklch(0.6038 0.2363 344.4657); + --chart-2: oklch(0.4445 0.2251 300.6246); + --chart-3: oklch(0.3790 0.0438 226.1538); + --chart-4: oklch(0.8330 0.1185 88.3461); + --chart-5: oklch(0.7843 0.1256 58.9964); + --sidebar: oklch(0.9360 0.0288 320.5788); + --sidebar-foreground: oklch(0.4948 0.1909 354.5435); + --sidebar-primary: oklch(0.3963 0.0251 285.1962); + --sidebar-primary-foreground: oklch(0.9668 0.0124 337.5228); + --sidebar-accent: oklch(0.9789 0.0013 106.4235); + --sidebar-accent-foreground: oklch(0.3963 0.0251 285.1962); + --sidebar-border: oklch(0.9383 0.0026 48.7178); + --sidebar-ring: oklch(0.5916 0.2180 0.5844); + --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; + --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; + --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + --radius: 0.5rem; + --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05); + --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05); + --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10); + --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10); + --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10); + --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10); + --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10); + --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25); + --tracking-normal: 0em; --spacing: 0.25rem; } .dark { - --background: oklch(0 0 0); - --foreground: oklch(1.0000 0 0); - --card: oklch(0.2455 0.0217 257.2823); - --card-foreground: oklch(1.0000 0 0); - --popover: oklch(0.2455 0.0217 257.2823); - --popover-foreground: oklch(1.0000 0 0); - --primary: oklch(0.6801 0.1583 276.9349); - --primary-foreground: oklch(0 0 0); - --secondary: oklch(0.7845 0.1325 181.9120); - --secondary-foreground: oklch(0 0 0); - --muted: oklch(0.3211 0 0); - --muted-foreground: oklch(0.8452 0 0); - --accent: oklch(0.8790 0.1534 91.6054); - --accent-foreground: oklch(0 0 0); - --destructive: oklch(0.7106 0.1661 22.2162); - --destructive-foreground: oklch(0 0 0); - --border: oklch(0.4459 0 0); - --input: oklch(1.0000 0 0); - --ring: oklch(0.6801 0.1583 276.9349); - --chart-1: oklch(0.6801 0.1583 276.9349); - --chart-2: oklch(0.7845 0.1325 181.9120); - --chart-3: oklch(0.8790 0.1534 91.6054); - --chart-4: oklch(0.7253 0.1752 349.7607); - --chart-5: oklch(0.8003 0.1821 151.7110); - --sidebar: oklch(0 0 0); - --sidebar-foreground: oklch(1.0000 0 0); - --sidebar-primary: oklch(0.6801 0.1583 276.9349); - --sidebar-primary-foreground: oklch(0 0 0); - --sidebar-accent: oklch(0.8790 0.1534 91.6054); - --sidebar-accent-foreground: oklch(0 0 0); - --sidebar-border: oklch(1.0000 0 0); - --sidebar-ring: oklch(0.6801 0.1583 276.9349); - --shadow-2xs: 0px 0px 0px 0px hsl(0 0% 10.1961% / 0.03); - --shadow-xs: 0px 0px 0px 0px hsl(0 0% 10.1961% / 0.03); - --shadow-sm: 0px 0px 0px 0px hsl(0 0% 10.1961% / 0.05), 0px 1px 2px -1px hsl(0 0% 10.1961% / 0.05); - --shadow: 0px 0px 0px 0px hsl(0 0% 10.1961% / 0.05), 0px 1px 2px -1px hsl(0 0% 10.1961% / 0.05); - --shadow-md: 0px 0px 0px 0px hsl(0 0% 10.1961% / 0.05), 0px 2px 4px -1px hsl(0 0% 10.1961% / 0.05); - --shadow-lg: 0px 0px 0px 0px hsl(0 0% 10.1961% / 0.05), 0px 4px 6px -1px hsl(0 0% 10.1961% / 0.05); - --shadow-xl: 0px 0px 0px 0px hsl(0 0% 10.1961% / 0.05), 0px 8px 10px -1px hsl(0 0% 10.1961% / 0.05); - --shadow-2xl: 0px 0px 0px 0px hsl(0 0% 10.1961% / 0.13); + --background: oklch(0.2409 0.0201 307.5346); + --foreground: oklch(0.8398 0.0387 309.5391); + --card: oklch(0.2803 0.0232 307.5413); + --card-foreground: oklch(0.8456 0.0302 341.4597); + --popover: oklch(0.1548 0.0132 338.9015); + --popover-foreground: oklch(0.9647 0.0091 341.8035); + --primary: oklch(0.4607 0.1853 4.0994); + --primary-foreground: oklch(0.8560 0.0618 346.3684); + --secondary: oklch(0.3137 0.0306 310.0610); + --secondary-foreground: oklch(0.8483 0.0382 307.9613); + --muted: oklch(0.2634 0.0219 309.4748); + --muted-foreground: oklch(0.7940 0.0372 307.1032); + --accent: oklch(0.3649 0.0508 308.4911); + --accent-foreground: oklch(0.9647 0.0091 341.8035); + --destructive: oklch(0.2258 0.0524 12.6119); + --destructive-foreground: oklch(1.0000 0 0); + --border: oklch(0.3286 0.0154 343.4461); + --input: oklch(0.3387 0.0195 332.8347); + --ring: oklch(0.5916 0.2180 0.5844); + --chart-1: oklch(0.5316 0.1409 355.1999); + --chart-2: oklch(0.5633 0.1912 306.8561); + --chart-3: oklch(0.7227 0.1502 60.5799); + --chart-4: oklch(0.6193 0.2029 312.7422); + --chart-5: oklch(0.6118 0.2093 6.1387); + --sidebar: oklch(0.1893 0.0163 331.0475); + --sidebar-foreground: oklch(0.8607 0.0293 343.6612); + --sidebar-primary: oklch(0.4882 0.2172 264.3763); + --sidebar-primary-foreground: oklch(1.0000 0 0); + --sidebar-accent: oklch(0.2337 0.0261 338.1961); + --sidebar-accent-foreground: oklch(0.9674 0.0013 286.3752); + --sidebar-border: oklch(0 0 0); + --sidebar-ring: oklch(0.5916 0.2180 0.5844); + --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05); + --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05); + --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10); + --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10); + --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10); + --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10); + --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10); + --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25); } @theme inline { @@ -163,13 +166,6 @@ --shadow-lg: var(--shadow-lg); --shadow-xl: var(--shadow-xl); --shadow-2xl: var(--shadow-2xl); - - --tracking-tighter: calc(var(--tracking-normal) - 0.05em); - --tracking-tight: calc(var(--tracking-normal) - 0.025em); - --tracking-normal: var(--tracking-normal); - --tracking-wide: calc(var(--tracking-normal) + 0.025em); - --tracking-wider: calc(var(--tracking-normal) + 0.05em); - --tracking-widest: calc(var(--tracking-normal) + 0.1em); } body {