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    --success: 147 100% 40%;
 33    --success-accent: 147 100% 80%;
 34    --success-foreground: 210 40% 98%;
 35
 36    --border: 214.3 31.8% 91.4%;
 37    --input: 214.3 31.8% 91.4%;
 38    --ring: 222.2 84% 4.9%;
 39
 40    --radius: 0.5rem;
 41
 42    --chart-1: 12 76% 61%;
 43    --chart-2: 173 58% 39%;
 44    --chart-3: 197 37% 24%;
 45    --chart-4: 43 74% 66%;
 46    --chart-5: 27 87% 67%;
 47  }
 48
 49  .dark {
 50    --background: 222.2 84% 4.9%;
 51    --foreground: 210 40% 98%;
 52
 53    --card: 222.2 84% 4.9%;
 54    --card-foreground: 210 40% 98%;
 55
 56    --popover: 222.2 84% 4.9%;
 57    --popover-foreground: 210 40% 98%;
 58
 59    --primary: 210 40% 98%;
 60    --primary-foreground: 222.2 47.4% 11.2%;
 61
 62    --secondary: 217.2 32.6% 17.5%;
 63    --secondary-foreground: 210 40% 98%;
 64
 65    --muted: 217.2 32.6% 17.5%;
 66    --muted-foreground: 215 20.2% 65.1%;
 67
 68    --accent: 217.2 32.6% 17.5%;
 69    --accent-foreground: 210 40% 98%;
 70
 71    --success: 147 100% 40%;
 72    --success-accent: 147 100% 80%;
 73    --success-foreground: 210 40% 98%;
 74
 75    --destructive: 0 55% 57%;
 76    --destructive-accent: 0 62.8% 30.6%;
 77    --destructive-foreground: 210 40% 98%;
 78
 79    --border: 217.2 32.6% 17.5%;
 80    --input: 217.2 32.6% 17.5%;
 81    --ring: 212.7 26.8% 83.9%;
 82
 83    --chart-1: 220 70% 50%;
 84    --chart-2: 160 60% 45%;
 85    --chart-3: 30 80% 55%;
 86    --chart-4: 280 65% 60%;
 87    --chart-5: 340 75% 55%;
 88  }
 89}
 90
 91@layer base {
 92  .font-body {
 93    font-family: "Lato", sans-serif;
 94  }
 95
 96  .font-header {
 97    font-family: "Ubuntu", sans-serif;
 98  }
 99
100  .vstack {
101    @apply flex flex-col;
102  }
103
104  .hstack {
105    @apply flex flex-row;
106  }
107
108  * {
109    @apply border-border font-body;
110  }
111
112  body {
113    @apply bg-background text-foreground;
114  }
115}
116
117.recharts-responsive-container {
118  height: initial !important;
119}