ffdfac65de
- Add Inter font from Google Fonts for modern typography - Implement blue theme from shadcn.com (primary: blue) - Add beautiful hero header with car icon - Create Separator component for visual division - Increase card padding (p-8) for better breathing room - Larger card titles (text-2xl) for better hierarchy - Improved spacing throughout (gap-8, py-12, etc.) - Blue primary color (#3B82F6) with proper foregrounds - Professional, modern look matching shadcn.com aesthetic 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
39 lines
1.1 KiB
CSS
39 lines
1.1 KiB
CSS
@import "tailwindcss";
|
|
|
|
@theme {
|
|
--color-background: 0 0% 100%;
|
|
--color-foreground: 222.2 84% 4.9%;
|
|
--color-card: 0 0% 100%;
|
|
--color-card-foreground: 222.2 84% 4.9%;
|
|
--color-popover: 0 0% 100%;
|
|
--color-popover-foreground: 222.2 84% 4.9%;
|
|
--color-primary: 221.2 83.2% 53.3%;
|
|
--color-primary-foreground: 210 40% 98%;
|
|
--color-secondary: 210 40% 96.1%;
|
|
--color-secondary-foreground: 222.2 47.4% 11.2%;
|
|
--color-muted: 210 40% 96.1%;
|
|
--color-muted-foreground: 215.4 16.3% 46.9%;
|
|
--color-accent: 210 40% 96.1%;
|
|
--color-accent-foreground: 222.2 47.4% 11.2%;
|
|
--color-destructive: 0 84.2% 60.2%;
|
|
--color-destructive-foreground: 210 40% 98%;
|
|
--color-border: 214.3 31.8% 91.4%;
|
|
--color-input: 214.3 31.8% 91.4%;
|
|
--color-ring: 221.2 83.2% 53.3%;
|
|
--radius: 0.5rem;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
background: hsl(var(--color-background));
|
|
min-height: 100vh;
|
|
color: hsl(var(--color-foreground));
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|