@import 'tailwindcss';

@theme {
  --color-background: oklch(0.98 0 0);
  --color-foreground: oklch(0.15 0 0);
  --color-card: oklch(1 0 0);
  --color-card-foreground: oklch(0.15 0 0);
  --color-primary: oklch(0.55 0.2 260);
  --color-primary-foreground: oklch(0.98 0 0);
  --color-secondary: oklch(0.96 0 0);
  --color-secondary-foreground: oklch(0.15 0 0);
  --color-muted: oklch(0.96 0 0);
  --color-muted-foreground: oklch(0.5 0 0);
  --color-destructive: oklch(0.55 0.2 25);
  --color-destructive-foreground: oklch(0.98 0 0);
  --color-border: oklch(0.9 0 0);
  --color-ring: oklch(0.55 0.2 260);
  --radius: 0.5rem;
}

body {
  font-family: system-ui, -apple-system, sans-serif;
}

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