/** BASE **/
:root {
  --background: 0 0% 100%;
  --foreground: 0 0% 10.2%;
  --primary: 224.28 76.33% 48.04%;
  --primary-foreground: 0 0% 100%;
  --secondary: 220 14.29% 95.88%;
  --secondary-foreground: 215 13.79% 34.12%;
  --info: 221.21 83.19% 53.33%;
  --info-foreground: 225.88 100% 96.67%;
  --destructive: 0 72.22% 50.59%;
  --destructive-foreground: 0 0% 100%;
  --accent: 262.12 83.26% 57.84%;
  --accent-foreground: 0 0% 100%;
  --surface: 210 20% 98.04%;
  --border: 220 13.04% 90.98%;
  --radius: 0.4rem;
  --font-size: 16;
  --font-family: Inter, sans-serif;
}
/** BASE DARK **/
.dark {
  --background: 240 3.23% 6.08%;
  --foreground: 0 0% 96.08%;
  --primary: 217.22 91.22% 59.8%;
  --primary-foreground: 220 48.84% 8.43%;
  --secondary: 240 4.62% 12.75%;
  --secondary-foreground: 212.73 26.83% 83.92%;
  --info: 213.12 93.9% 67.84%;
  --info-foreground: 222.22 47.37% 11.18%;
  --destructive: 0 84.24% 60.2%;
  --destructive-foreground: 0 100% 5.1%;
  --accent: 258.31 89.53% 66.27%;
  --accent-foreground: 259.35 49.21% 12.35%;
  --surface: 240 5.88% 10%;
  --border: 240 4.44% 17.65%;
  --radius: 0.4rem;
  --font-size: 16;
  --font-family: Inter, sans-serif;
}