Skyler Grey | 7177bbd | 2023-06-01 03:26:31 +0200 | [diff] [blame] | 1 | /* Write your global styles here, in PostCSS syntax */ |
| 2 | @tailwind base; |
| 3 | @tailwind components; |
| 4 | @tailwind utilities; |
| 5 | |
| 6 | @layer base { |
| 7 | :root { |
| 8 | --background: 224 71% 4%; |
| 9 | --foreground: 213 31% 91%; |
| 10 | |
| 11 | --muted: 223 47% 11%; |
| 12 | --muted-foreground: 215.4 16.3% 56.9%; |
| 13 | |
| 14 | --popover: 224 71% 4%; |
| 15 | --popover-foreground: 215 20.2% 65.1%; |
| 16 | |
| 17 | --card: 224 71% 4%; |
| 18 | --card-foreground: 213 31% 91%; |
| 19 | |
| 20 | --border: 216 34% 17%; |
| 21 | --input: 216 34% 17%; |
| 22 | |
| 23 | --primary: 210 40% 98%; |
| 24 | --primary-foreground: 222.2 47.4% 1.2%; |
| 25 | |
| 26 | --secondary: 222.2 47.4% 11.2%; |
| 27 | --secondary-foreground: 210 40% 98%; |
| 28 | |
| 29 | --accent: 216 34% 17%; |
| 30 | --accent-foreground: 210 40% 98%; |
| 31 | |
| 32 | --destructive: 359 51% 48%; |
| 33 | --destructive-foreground: 210 40% 98%; |
| 34 | |
| 35 | --ring: 216 34% 17%; |
| 36 | |
| 37 | --radius: 0.5rem; |
| 38 | } |
| 39 | } |
| 40 | |
| 41 | @layer base { |
| 42 | * { |
| 43 | @apply border-border; |
| 44 | } |
| 45 | body { |
| 46 | @apply bg-background text-foreground; |
| 47 | font-feature-settings: 'rlig' 1, 'calt' 1; |
| 48 | } |
| 49 | } |