@import "tailwindcss";

@theme {
  --color-background: hsl(48 60% 97%);
  --color-foreground: hsl(156 26% 12%);
  --color-card: hsl(0 0% 100%);
  --color-card-foreground: hsl(156 26% 12%);
  --color-primary: hsl(142 60% 32%);
  --color-primary-foreground: hsl(0 0% 100%);
  --color-muted: hsl(84 35% 90%);
  --color-muted-foreground: hsl(156 12% 35%);
  --color-border: hsl(84 24% 82%);
  --radius-lg: 1rem;
  --radius-md: calc(var(--radius-lg) - 2px);
  --radius-sm: calc(var(--radius-lg) - 4px);
}

@layer base {
  * {
    border-color: var(--color-border);
  }

  body {
    background-color: var(--color-background);
    color: var(--color-foreground);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }
}