:root {
  --background: 220 20% 97%;
  --foreground: 220 20% 10%;
  --card: 0 0% 100%;
  --card-foreground: 220 20% 10%;
  --popover: 0 0% 100%;
  --popover-foreground: 220 20% 10%;
  --primary: 221 83% 53%;
  --primary-foreground: 0 0% 100%;
  --secondary: 220 14% 94%;
  --secondary-foreground: 220 20% 20%;
  --muted: 220 14% 94%;
  --muted-foreground: 220 10% 46%;
  --accent: 220 14% 94%;
  --accent-foreground: 220 20% 20%;
  --destructive: 0 72% 51%;
  --destructive-foreground: 0 0% 100%;
  --border: 220 13% 90%;
  --input: 220 13% 90%;
  --ring: 221 83% 53%;
  --chart-1: 221 83% 53%;
  --chart-2: 142 71% 45%;
  --chart-3: 38 92% 50%;
  --chart-4: 262 83% 58%;
  --chart-5: 0 72% 51%;
  --radius: 0.625rem;
  --sidebar-background: 0 0% 100%;
  --sidebar-foreground: 220 20% 20%;
  --sidebar-primary: 221 83% 53%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 220 14% 96%;
  --sidebar-accent-foreground: 220 20% 20%;
  --sidebar-border: 220 13% 90%;
  --sidebar-ring: 221 83% 53%;
  --success: 142 71% 45%;
  --success-foreground: 0 0% 100%;
  --warning: 38 92% 50%;
  --warning-foreground: 38 92% 20%;
}

* {
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

body {
  margin: 0;
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, sans-serif;
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
}

a {
  color: inherit;
  text-decoration: none;
}

.text-balance {
  text-wrap: balance;
}

svg {
  display: block;
}

button {
  font-family: inherit;
}