@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root:root {
  --background: 240 16% 96%;
  --foreground: 240 14% 10%;
  --card: 0 0% 100%;
  --card-foreground: 240 14% 10%;
  --popover: 0 0% 100%;
  --popover-foreground: 240 14% 10%;
  --primary: 237 91% 64%;
  --primary-foreground: 0 0% 100%;
  --secondary: 240 19% 94%;
  --secondary-foreground: 240 12% 19%;
  --muted: 240 19% 95%;
  --muted-foreground: 236 7% 45%;
  --accent: 240 22% 93%;
  --accent-foreground: 240 14% 10%;
  --destructive: 351 68% 53%;
  --destructive-foreground: 0 0% 100%;
  --border: 240 14% 90%;
  --input: 240 14% 86%;
  --ring: 237 91% 64%;
}
:root:root.dark {
  --background: 240 16% 6%;
  --foreground: 240 26% 96%;
  --card: 240 14% 10%;
  --card-foreground: 240 26% 96%;
  --popover: 240 13% 14%;
  --popover-foreground: 240 26% 96%;
  --primary: 237 91% 64%;
  --primary-foreground: 0 0% 100%;
  --secondary: 240 16% 16%;
  --secondary-foreground: 240 26% 96%;
  --muted: 240 14% 14%;
  --muted-foreground: 237 12% 68%;
  --accent: 240 17% 16%;
  --accent-foreground: 240 26% 96%;
  --destructive: 351 82% 65%;
  --destructive-foreground: 0 0% 100%;
  --border: 240 9% 17%;
  --input: 240 12% 22%;
  --ring: 237 91% 64%;
}
body, #app {
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
}