| @tailwind base; |
| @tailwind components; |
| @tailwind utilities; |
|
|
| @layer base { |
| :root { |
| --background: 222.2 84% 4.9%; |
| --foreground: 210 40% 98%; |
| --card: 222.2 84% 4.9%; |
| --card-foreground: 210 40% 98%; |
| --primary: 210 40% 98%; |
| --primary-foreground: 222.2 47.4% 11.2%; |
| --secondary: 217.2 32.6% 17.5%; |
| --secondary-foreground: 210 40% 98%; |
| --muted: 217.2 32.6% 17.5%; |
| --muted-foreground: 215 20.2% 65.1%; |
| --accent: 217.2 32.6% 17.5%; |
| --accent-foreground: 210 40% 98%; |
| --border: 217.2 32.6% 17.5%; |
| --input: 217.2 32.6% 17.5%; |
| --ring: 212.7 26.8% 83.9%; |
| } |
| } |
|
|
| @layer base { |
| * { |
| @apply border-border; |
| } |
| body { |
| @apply bg-background text-foreground; |
| font-feature-settings: "rlig" 1, "calt" 1; |
| } |
| } |
|
|
| @layer utilities { |
| .glassmorphism { |
| @apply bg-card/80 backdrop-blur-md border border-border; |
| } |
| |
| .scrollbar-hide::-webkit-scrollbar { |
| display: none; |
| } |
| |
| .scrollbar-hide { |
| -ms-overflow-style: none; |
| scrollbar-width: none; |
| } |
| } |
|
|
