1@tailwind base;
 2@tailwind components;
 3@tailwind utilities;
 4
 5@layer base {
 6  :root {
 7    --background: 0 0% 100%;
 8    --foreground: 222.2 84% 4.9%;
 9
10    --card: 0 0% 100%;
11    --card-foreground: 222.2 84% 4.9%;
12
13    --popover: 0 0% 100%;
14    --popover-foreground: 222.2 84% 4.9%;
15
16    --primary: 222.2 47.4% 11.2%;
17    --primary-foreground: 210 40% 98%;
18
19    --secondary: 210 40% 96.1%;
20    --secondary-foreground: 222.2 47.4% 11.2%;
21
22    --muted: 210 40% 96.1%;
23    --muted-foreground: 215.4 16.3% 46.9%;
24
25    --accent: 210 40% 96.1%;
26    --accent-foreground: 222.2 47.4% 11.2%;
27
28    --destructive: 0 84.2% 60.2%;
29    --destructive-accent: 0 27% 100%;
30    --destructive-foreground: 210 40% 98%;
31
32    --border: 214.3 31.8% 91.4%;
33    --input: 214.3 31.8% 91.4%;
34    --ring: 222.2 84% 4.9%;
35
36    --radius: 0.5rem;
37  }
38
39  .dark {
40    --background: 222.2 84% 4.9%;
41    --foreground: 210 40% 98%;
42
43    --card: 222.2 84% 4.9%;
44    --card-foreground: 210 40% 98%;
45
46    --popover: 222.2 84% 4.9%;
47    --popover-foreground: 210 40% 98%;
48
49    --primary: 210 40% 98%;
50    --primary-foreground: 222.2 47.4% 11.2%;
51
52    --secondary: 217.2 32.6% 17.5%;
53    --secondary-foreground: 210 40% 98%;
54
55    --muted: 217.2 32.6% 17.5%;
56    --muted-foreground: 215 20.2% 65.1%;
57
58    --accent: 217.2 32.6% 17.5%;
59    --accent-foreground: 210 40% 98%;
60
61    --destructive: 0 62.8% 30.6%;
62    --destructive-accent: 0 55% 57%;
63    --destructive-foreground: 210 40% 98%;
64
65    --border: 217.2 32.6% 17.5%;
66    --input: 217.2 32.6% 17.5%;
67    --ring: 212.7 26.8% 83.9%;
68  }
69
70
71}
72
73
74@layer base {
75  .font-body {
76    font-family: 'Lato';
77  }
78
79  .font-header {
80    font-family: 'Ubuntu';
81  }
82
83  * {
84    @apply border-border font-body;
85  }
86
87  body {
88    @apply bg-background text-foreground;
89  }
90}