blob: 3c7bd4408be1efc133765c90ee65695b320c026b [file] [log] [blame]
Skyler Grey51e9e632023-06-03 10:20:11 +02001/* 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 }
Skyler Grey57bcb4a2023-06-03 12:54:24 +020049 html, body, body > div:first-of-type {
50 @apply h-full;
51 }
Skyler Grey51e9e632023-06-03 10:20:11 +020052}