| 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 | } |