@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  --background: 0 0% 100%;
  --foreground: 0 0% 0%;
  --card: 0 0% 100%;
  --card-foreground: 0 0% 0%;
  --primary: 0 0% 0%;
  --primary-foreground: 0 0% 100%;
  --muted: 0 0% 96%;
  --muted-foreground: 0 0% 45%;
  --border: 0 0% 90%;
}

.dark {
  --background: 0 0% 0%;
  --foreground: 0 0% 100%;
  --card: 0 0% 0%;
  --card-foreground: 0 0% 100%;
  --primary: 0 0% 100%;
  --primary-foreground: 0 0% 0%;
  --muted: 0 0% 8%;
  --muted-foreground: 0 0% 65%;
  --border: 0 0% 15%;
}

html {
  font-family: 'Inter', system-ui, sans-serif;
  background: hsl(var(--background));
}

body {
  background: hsl(var(--background));
  color: hsl(var(--foreground));
}

* {
  font-family: inherit;
}